css简介:
- css(Cascading Style Sheets)指层叠样式表
- 样式定义如何显示html元素
- 样式通常存储在样式表中
- 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
- 外部样式表*可以极大提高工作效率
- 外部样式表通常存储在 CSS 文件中
- 多个样式定义可层叠为一
基础语法:
- css规则主要由两部分组成,选择器以及一条或多条声明
selector {declaration1; declaration2; ... declarationN } - 选择器:通常为HTML元素
- 声明:每条声明由一个属性一个值组成,属性和值之间用冒号分隔,多条声明之间用分号分隔。
例:h1 {color:red; font-size:14px;}
(h1是html中的一个元素)
高级语法:
- 选择器的分组:可以对选择器进行分组,分组后的选择器就可以分享相同的声明。
例:h1,h2,h3{color:red; font-size:14px;} - 继承规则:按照css的规则,子元素从父元素继承属性
例如:下面的代码body中的子元素都会继承body中所设置的css属性
body {
font-family: Verdana, sans-serif;
}
如若不想让某些子元素(假设有p,h1)继承父元素的css属性而是设置它们自己的属性,那可以这样
body {
font-family: sans-serif;
}
p,h1 {
font-family: Georgia;
}