一、CSS简介
1.CSS = Cascading Style Sheets(层叠样式表)
2.层叠次序(4的)
- 浏览器缺省设置
- 外部样式表优先权最高
- 内部样式表(位于 <head> 标签内部)
- 内联样式(在 HTML 元素内部)
二、CSS基础语法
1.CSS规则由两个主要部分组成:选择器以及一条或者多条声明
selector {declaration;}
或者
selector{
declaration1;
declaration2;
declarationN;
}
选择器通常是要改变的HTML元素
每条声明由一个属性和一个值组成
selector {property: value;}
注意:如果值为多个单词则需要加上引号
2.空格与大小写
是否包含空格不会影响 CSS 在浏览器的工作效果,同样,与 XHTML 不同,CSS 对大小写不敏感。不过存在一个例外:如果涉及到与 HTML 文档一起工作的话,class 和 id 名称对大小写是敏感的。
3.选择器分组
选择器可以进行分组,这样,被分组的选择器就可以分享相同的声明。
h1,h2,h3,h4,h5,h6 {
color: green;
}
4.CSS的继承
body {
font-family: Verdana, sans-serif;
}
p {
font-family: Times, "Times New Roman", serif;
}
通过继承,<body>的子元素将继承<body>的属性(这里是font-family属性)
对子元素声明特殊规则将打破继承(例如这里的<p>元素)