1.属性选择器
对带有指定属性的 HTML 元素设置样式,还可以为有属性的HTML元素设置样式,且不仅限于 class 和 id 属性。
属性选择器需IE6以上版本浏览器才支持。
2.子元素选择器
找到指定标签中所有特定的直接子元素,然后设置属性
格式(先找到标签名称1的标签,在这个标签中查找所有直接子元素标签名称2的元素): 1>标签名2{属性:值;}
注意:1.子元素选择器只会找子元素,不会查找其他被嵌套标签
2.子元素选择器之前需用>链接,并且不能有间距
3.子元素选择器不仅仅可以用标签名称,还可以用其他选择器
4.子元素选择器可以通过>一直延伸下去
3.兄弟元素选择器
含义:为一个元素后边的所有相同元素设置css样式。
作用:可以选中一个元素后紧挨着的指定的兄弟元素.
格式:选择器名称+选择器名称{属性:值;}
4.否定伪类
以从已经选中的元素中剔除某些元素,用来选择不满足某些条件的元素,它可以过滤掉某些内容
语法:not(选择器){属性:值}
5.样式的继承
简单的说就是将各个HTML标记看作一个个容器,其中被包含的小容器会继承所包含它的大容器的风格样式。
所有的CSS语句都是基于各个标记之间的父子关系。
CSS继承指的是子标记会继承父标记的所有样式风格,并可以在父标记样式风格的基础上再加以修改,产生新的样式,而子标记的样式风格完全不会影响父标记。
6.选择器的优先级
id选择器 > 类class选择器 > 标签选择器
7.a的伪类
分别是:a:link,a:visited,a:hover,a:active
必选按顺序写,否则可能会出错
8.文本标签
1、<b></b>:文本加粗,bold的缩写
2、<strong></strong> :也用于加粗,在h5中这个标签增加了语义,用于表示非常重要的文本
3、<small></small>: 用于表示小字号
4、<i></i> :文本斜体表示,是单词italic的缩写,主要用于显示专业词汇
5、<em></em> :倾斜标签,主要为了强调内容本身
6、<u></u>: 下划线标签,underline的缩写
7、<sup></sup> :上角标
8、<sub></sub> :下标
9、<span> </span> : 改变字体的颜色
10、<font></font> :设置字体的颜色和大小
9.列表
列表支持有序列表,无序列表和定义列表
无序列表:一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记,始于 <ul> 标签。每个列表项始于 <li>,列表项内部可以使用段落、换行符、图片、链接以及其他列表
有序列表:也是一个项目的列表,列表项目使用数字进行标记,始于 <ol> 标签。每个列表项始于 <li> 标签,列表项内部可以使用段落、换行符、图片、链接以及其他列表等。
定义列表:不仅仅是一列项目,而是项目及其注释的组合,以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始,内部可以使用段落、换行符、图片、链接以及其他列表等。
10.单位
长度单位一共有八个,分别是:px,em,pt,ex,pc,in,mm,cm.
em:相对长度单位,相对于当前对象内文本的字体尺寸。
ex:相对长度单位,相对于字符“x”的高度。
pt:点(Point),绝对长度单位。
pc:派卡(Pica),绝对长度单位。相当于我国新四号铅字的尺寸。
in:英寸(Inch),绝对长度单位。
mm:毫米(Millimeter),绝对长度单位。
cm:厘米(Centimeter),绝对长度单位。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
11.颜色
颜色由红色、绿色、蓝色混合而成。颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB),每种颜色的最小值是0(十六进制:#00),最大值是255(十六进制:#FF),大多数的浏览器都支持颜色名集合,如果需要使用其它的颜色,需要使用十六进制的颜色值。
大多数的浏览器都支持颜色名集合。
仅仅有 16 种颜色名被 W3C 的 HTML4.0 标准所支持。它们是:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver,