###概述
css语言是用于定义html内容在浏览器内的显示样式。使用它的一个好处是通过定义某个样式,可以让不同网页位置的文字有着统一的样式
语法
选择符+{声明}
选择符指网页中要应用样式的元素
声明组成:属性+值
注释语法:/…/
###css代码编写位置
- 内联式:将css代码直接写在现有HTML标签中的style属性
- 嵌入式:将css代码写在标签之间,并且嵌入式样式一般写在head标签之间
- 外部式:将css代码写在一个单独的外部文件中,以.css为扩展名,在head内,使用将css样式文件链接到html文件内。e.g.
- 优先级:内联式>嵌入式>外部式 (就近原则,越靠近目标标签,就以谁定义为准)
###选择器
- 简单选择器
选择器 | 含义 |
---|---|
* | 通用元素选择器,匹配任何元素 |
E | 标签选择器,匹配所有使用E标签的元素 |
.info | 类选择器,匹配所有class属性中包含info的元素 |
#footer | id选择器,匹配所有id属性等于footer的元素 |
组合选择器
选择器 含义 E,F 多元素选择器,同时匹配所有E元素或F元素,E和F之间用逗号分隔 E F 后代元素选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔 E>F 子元素选择器,匹配所有E元素的第一个直接子元素F E+F 相邻元素选择器,匹配所有紧随E元素之后的第一个同级元素F E~F 通用兄弟选择器,匹配所有紧随E元素之后的同级元素F