Css+div 的样式

2013-04-17 12:55 作者：周艳红 浏览量：

Css+div 的样式

在嵌入式样式表中我们可以使用@import导入一个外部样式表，例： 
　　<style type=”text/css”> 
　　@import url(外部样式表位置)； 
　　…其它嵌入式的样式定义… 
　　</style> 
　　4,内联样式表： 
　　写在开始标记里面，比如你要H1变红色， 
　　<h1 style=”color:red;”>变为红色</h1> 
　　总结： 三种样式表优先使用外部样式表、嵌入式样式表用来调试用的、一般不使用内联样式表。 
　　5,样式规则。 
　　一个样式规则由一个选择器后跟一个声明块组成，声明块是一个大容器,由大括号中间的部分组成,声明块中间的空间会被忽略,,声明块由一个一个的声明组成,声明由属性和值组成,,属性和值用冒号隔开,分号结束，每个声明内只能有一个属性，如果属性值中含有空格用双引号括起来例，在一个声明块内可以有多个声明，每个声明用分号隔开。 
　　 
选择器 声明块
选择一个元素 声明{ }
属性 : 值;
冒号开始分号结束
6,注释：有关的详细内容在中有详细的解释。 
　　7,选择器分组 
　　当遇到几个选择器共享一个声明的时候，可以分组放在一起，每个选择器必须以逗号隔开。例：h1,h2,h3,h4 { color red;} 选择器分组时要将每个选择器路径写全，分组结尾不能有逗号。 
　　例：路径不全： #maincontent p, ul{ border-top:1pxsolid #ddd;} 
　　正确写法：#maincontent p, #maincontent ul{ border-top:1pxsolid #ddd;} 
　　例：结尾多了一个逗号： .a1 p, .a1 ul,{color:red;} 
　　8,选择器 
　　元素选择器：语法格式： 元素{color: blue;} 
　　类选择器： 语法格式： .类名{属性: 值;} 
　　ID选择器：#id名 {属性 : 值；} ID名不能重复 
　　通配符选择器：语法格式：*{属性:值;} 
　　伪类选择器： 
　　伪类选择器可以以不同方式格式化超级链接<a>元素的四种不同状态：以下顺序依次写；（记忆方法：a Love or Hate） 
　　a:link 是用在未访问的链接的选择器 
　　是用在已访问过的链接的选择器 
　　a:hover 是用在鼠标光标放在其上的链接的选择器 
　　a:active 是用在获得焦点（比如，被点击）的链接的选择器 
　　如果需要，我们可以组合这几个状态，按顺序写： 
　　a:link，a:visited { color :blue;} 
　　a:hover ，a:active { color :blue;} 
　　9,伪元素选择器 
　　标准的选择器不能格式化一个元素内容的第一个字母或者第一行，而伪元素选择器能实现： 
　　所有浏览器支持的有两种： ：first-line和 ：first-letter 
　　例：段落的第一行：p：first-line {属性：值；} 
　　例：段落的第一个字母：p：first-letter {属性：值；} 
　　10,选择器的优先级 
　　1， ID选择器；2，类选择器； 
　　3，元素选择器；4，通配符选择器。

   --- 版权最终归艾锑无限所有http://www.itbmw.com/ 如需转载，请标明出处。