css的用法
Css(Cascading Style Sheets,层叠样式表)是一种页面美化方法,通过编辑Css的对象属性达到美化页面的效果。Css的操作基本单元为对象,使用CSS的感觉就像是使用C++/C中的函数,CSS对象就像是函数,通过定义,声明,调用来使用。
CSS有三种选择器(对象定义和使用方式):标签选择器,类别选择器,ID选择器
标签选择器:
定义:引用的样式对象名{标签属性:属性值;标签属性:属性值;…….}
eg: h1,h2{text-align: center; color: red;}
使用:<h1>……..</h1>
<h2>……..</h2>
类别选择器:
定义:标签名.类名{标签属性:属性值;标签属性:属性值;…….}或者
.类名{标签属性:属性值;标签属性:属性值;…….}
eg: p.center{ text-align: center; }
.right{ text-align: right; }
使用:<p class=”center”>……..</p>
<h1 class=”right”>……..</h1>
(*区别:后一种格式表示 所有class属性值为该类名的标签都遵守该类所定义的样式)
(eg: 定义了.right{text-align: right;},调用的时候,只要是通过class调用right的属性的标签,都可以表现出right的属性。<h2 class=”right”>…..</h2>; <p class=”right”>…… </p>;<span class=”right”>……</span>;等等标签都表现出右对齐的属性。 )
ID选择器:
定义:#id名称{标签属性:属性值;标签属性:属性值;…….}
eg: #sample{font-family:宋体; don’t-size:60pt;}
使用:<p id=sample>……</p>
行内式:
不需要定义选择器,利用style属性直接为元素设计样式
eg: <p style=”color:#FF0000”>……</P>
内嵌式:
先定义选择器,将样式表定义在<head></head>之间。
eg:
<html>
<head> <title>xxxxxx</title> <style type=”text/css”> p{color: #000FF;} .info{font-size: 12px;} </syle> </head>
</html>
链接式:
定义的对象单独放在一个以.css为扩展名的文件里,在使用<link>标签链接到所需要的网页中,在<head></head>之间。
eg: <link href=”xxx.css” type=”text/css” rel=”stylesheet”>
导入式:
与链接式方法类似,只是通过import的方法导入。
eg: <style type=”text/css”>@import url(xxx.css);</style>
CSS样式表的优先级:
嵌入式样式表 > 内联式 > 外联式 > 浏览器默认
16:28:52 2016-10-07
css的用法的更多相关文章
- css奇特用法之 IMG添加背景图片配合显示--效果惊艳
IMG标签本身是显示图片的,但通过CSS可以再为其设置背景图片,让其和自身的图片配合来显示,最终的效果会让你惊叹.当然,这个发现来自于老外,所以代码马上与大家分享.再此之前,我也从来没有想到过这个思路 ...
- Css相关用法个人总结
Css相关用法个人总结
- 牢记 31 种 CSS 选择器用法
原文 The 30 CSS Selectors you Must Memorize 由 Jeffrey Way 发表于 2011 年 6 月,介绍了 30 种最常用的 CSS 选择器用法,多加了一种, ...
- 网页重构应该避免的10大 CSS 糟糕用法
对于网页重构来说,CSS禅意花园 是网页布局从 table 表格转到了 html +css 的标志 .这些年来,随着我们的网站越来越复杂:html5,css3,新的技术.新的属性,越来越多的开发者开始 ...
- css !important用法以及CSS样式使用优先级判断
之前一直看到很多css中都有!important这个样式,一直不知道有什么作用的,今天在网上详细了解了一下,看了别人的博客,顺便转载收藏一下 css !important用法CSS样式使用优先级判断 ...
- 跨平台移动开发 Xuijs超轻量级的框架Style CSS属性用法
PhoneGap里面推荐使用的超轻量级的框架 Style CSS属性用法 设置css属性:setstyle 通过ID设置css属性 x$('#top1').setStyle('color', '#DB ...
- CSS3基础——笔记+实战案例(CSS基本用法、CSS层叠性、CSS继承性)
CSS3基础——笔记 CSS是Cascading Style Sheet的缩写,翻译为"层叠样式表" 或 "级联样式表".CSS定义如何显示HTML的标签央视, ...
- 网页重构应该避免的10大CSS糟糕用法
对于网页重构来说,CSS禅意花园 是网页布局从 table 表格转到了 html +css 的标志 .这些年来,随着我们的网站越来越复杂:html5,css3,新的技术.新的属性,越来越多的开发者开始 ...
- 简单html以及css的用法
我将利用三天的时间来完成制作京东首页的静态页面效果,其中包含的内容有html以及css. 1.在开发进行之前,首先要配置开发环境:我们需要安装sublime webstorm vscode Hb ...
随机推荐
- TCP协议的三次握手和四次挥手
暂时需要的信息有: ACK : TCP协议规定,只有ACK=1时有效,也规定连接建立后所有发送的报文的ACK必须为1 SYN(SYNchronization) : 在连接建立时用来同步序号.当SYN= ...
- 让easyui 的alert 消息框中的确定按钮支持空格键
var _messager = $.extend({},$.messager);$.extend($.messager,{ alert:function(title, msg, icon, fn){ ...
- Android开发自学笔记(Android Studio)—4.5 ProgressBar及其子类
一.前言 ProgressBar本身代表了进度条组件,它还派生出了两个常用的组件:SeekBar和RatingBar,他们的使用方法类似,只是显示界面有一定的区别.我们看一下API文档中的说明: 从图 ...
- 利用Microsoft.Practices.Unity的拦截技术,实现.NET中的AOP
1.记住这个单词的意思:Interception(拦截) 2.首先说一下原理和背景 原理:所谓的AOP就是面向切面编程,这里不多说,百度搜索. 目的:个人认为是为了解耦,部分代码跟业务代码分离,业务代 ...
- c++调用lua环境配置
安装完luaforwindows后进行配置 配置项目属性
- 教你一招:解决windows xp系统开机出现“disk checking has been canceled”
问题重现: 问题分析: 系统的注册表被修改了. 问题解决: 1.(临时解决)开机时,按ESC或ENTER键取消. 2.(彻底解决)修改注册表文件. Win + R 打开运行 Regedit ,进入注册 ...
- MYSQL(一)
一,概述: 1,什么是数据库: 答:数据的仓库,如:在ATM的示例中我们创建了一个 db 目录,称其为数据库. 2.什么是 MySQL.Oracle.SQLite.Access.MS SQL Serv ...
- MAC && Linux terminal session clone
MAC && Linux terminal session clone 背景 本人使用的是mac,terminal配置的是iterm2,相信许多公司和我司一样登录dev/beta/pr ...
- Alpha阶段第十次Scrum Meeting
情况简述 Alpha阶段第十次Scrum Meeting 敏捷开发起始时间 2016/11/3 00:00 敏捷开发终止时间 2016/11/4 00:00 会议基本内容摘要 详细定义了API接口,汇 ...
- 分析移动端APP的网络请求抓包
为了方便,本文以 iOS 系统来进行演示. 使用代理 移动操作系统中都有可以设定系统代理的设置,比如在 iOS 中可以通过 Settings->WLAN 看到很多 Networks,通过点击它们 ...