CSS 指层叠样式表 (Cascading Style Sheets)
1.层叠次序
当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?
一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4) 拥有最高的优先权。
1)浏览器缺省设置
2)外部样式表
3)内部样式表(位于 <head> 标签内部)
4)内联样式(在 HTML 元素内部)
可以理解为靠近元素的样式将会显示。
2.值与分组
值的不同写法:英文单词 red,等于 十六进制的颜色值 #ff0000。
如果值为若干单词,则要给值加引号。
CSS大小写不敏感,但选择器中的类名、ID大小写敏感;注意空格影响的效果,属性值与单位之间不要留空格。
选择器分组用逗号分隔比如:h1,h2,h3,h4,h5,h6 { color: green; }
3.继承
子元素将继承父元素属性,如果子元素想要与父元素不一致,则单独为子元素定义样式,即可不继承父元素的样式。
4.选择器概况
一般来说,id 选择器常常用于建立派生选择器,结合其他选择器一起完成样式。
类名的第一个字符不能是数字,因为无法在 Mozilla 或 Firefox 中起作用。
属性选择器,比如,[href]为带有href属性的元素设置样式。
5.插入样式表
外部样式:在<head>中插入<link rel="stylesheet"type="text/css" href="yourname.css" />
内部样式:在<head>中插入<style type="text/css">yourcss </style>
内联样式:在需要使用样式的元素中插入属性 style="yourcss"
参考:
1.w3cschool的css学习文档