本文介绍了CSS的基本组成，包括如何使用外部和内部CSS。详细解释了各种CSS选择器的作用和用法，如通用选择器、类型选择器、类选择器、ID选择器等，并说明了CSS的优先级及继承特性。
一条css规则包含两部分：一个选择器和一条声明
选择器{属性：值}
使用外部css
<link>：位于html的<head>元素中，定义页面样式的css文件
href：css文件的路径
type：表面页面所连接文档里的类型 text/css
rel：html页面与被链接文件的关系。链接css文件时，值为stylesheet
使用内部css
<style>：位于html的<head>元素中，定义页面样式的css文件
type：表面页面所连接文档里的类型 text/css
css选择器
| 通用选择器 | 应用于文档中的所有元素 | * {} |
| 类型选择器 | 匹配元素名称与选择器相同的元素 | h1,h2,h3 {} |
| 类选择器 | 匹配这样的元素：元素的class特性的值与此选择器点（或句点）符号后面的部分相同 | .note {} p.note {} |
| id选择器 | 匹配这样的元素：元素的id特性的值与此选择器#号后面的部分相同 | #introduction {} |
| 子元素选择器 | 匹配指定元素的直接子元素 | li>a {} |
| 后代选择器 | 匹配指定元素的后代元素 | p a {} |
| 相邻兄弟选择器 | 匹配一个元素的相邻的兄弟元素 | h1+p {} |
| 普通兄弟选择器 | 匹配一个元素的兄弟元素，不论这个元素是不是与它的兄弟元素相邻 | h1~p {} |
css优先级：后出现的优先级高，更加具体的优先级高，!important来强调更重要
继承：在<body>元素上指定font-family属性或color属性，可以被子元素所继承，如果想被继承就使用inherit属性值
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
