CSS全称是(cascading style sheets)层叠样式表
当同一个HTML元素被不只一个样式定义时,会使用哪个样式呢?
1.浏览器缺省设置
2.外部样式表(位于.CSS文件中的样式)
3.内部样式表(位于<head>标签内部)
4.内联样式表(位于HTML元素内部)
内联样式拥有最高优先权,其次是内部样式表,再次是外部样式表,最后是浏览器缺省
CSS语法
CSS语法由三部分组成:选择器、属性、值
selector {property:value},selector(选择器)通常是你希望定义的HTML的标签或元素,属性(property)是你希望改变的属性,并且每个属性都有一个值,属性和值之间用冒号分开,并用大括号包围。
例:body {color:blue} body 为选择器,color为属性,blue为值
p {color:#ff0000} 颜色用十六进制表示
p {color:#f00}
p {color:rgb(255,0,0)} 用RGB表示颜色
1.如果属性的值为若干词,则要加引号
p {font-family:"sans serif";}
2.多重声明
p{
text-align:center;
color:red;
font-family:arial;
}
3.选择器分组
h1,h2,h3,h5,h6{
color:green;
}
4.CSS继承
body {
font-family:"Verdana,sans-serif;"
}
h1,h2,h3,h5,h6{
color:green;
}
按照CSS的继承原理,子元素将继承最高元素(本例中的body元素)的所有属性,则h1,h2,h3,h5,h6的字体都为 Verdana.但因为各浏览器的标准不一样,为解决这个问题,防止无法识别,可在子元素中重复定义
h1,h2,h3,h5,h6{
color:green;
font-family:"Verdana,sans-serif;"
}
如果希望段落的字体和其它不一样,可以针对P创建一个特殊的规则
p {
font-family:Times,"Times New Roman",serif;
}