属性选择器:在HTML中的元素都可以具有属性,这些属性是显示或修改其行为的附加值。html中包含许多属性,但不是所有HTML元素都适用所有的属性。与元素无关的属性不会对它有任何影响。
不管该属性是否能正确的应用,你仍然可以通过CSS选择它。但是,在网站上任何地方使用无效的HTML属性都是非常糟糕的做法,因为不同的浏览器对无效HTML的解析是不同的。你不能责怪浏览器让你的网站看起来很奇怪,他们只是想通过填补空白来解释你的错误代码。
而,css的属性选择器允许我们选择具有特定属性或特定值属性的元素,即:可以根据指定的属性名称找到对应的标签,然后设置属性。
后代选择器:用于指定元素所有的后代元素。
兄弟选择器:如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器。
否定伪类:如果想对某个结构元素使用样式,但是又想排除这个结构下的某些子结构时,否定伪类选择器就非常有用,它可以过滤掉某些内容。
样式的继承继承:字面的意思就是继承上级的属性。
不可继承的:display、margin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、 page-bread-before和unicode-bidi
所有元素可继承:visibility和cursor
内联元素可继承:letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction
块状元素可继承:text-indent和text-align
列表元素可继承:list-style、list-style-type、list-style-position、list-style-image
表格元素可继承:border-collapse
选择器的优先级:1、无条件优先的属性只需要在属性后面使用 !important 。它会覆盖页面内任何位置定义的元素样式。当然,IE 6不支持这个属性,于是它也成为一种hack被很多人所熟知,真正使命被人淡忘。
2、第二高位的优先属性是在html中给元素标签加style。由于该方法会造成CSS的难以管理,所以不推荐使用。
3、第三级优先的属性是由一个或多个id选择器来定义的。例如 #id{margin:0;} 会覆盖 .classname{margin:3px;}。
4、第四级的属性由一个或多个 类选择器、属性选择器、伪类选择器定义。如 .classname{margin:3px;} 会覆盖 div{margin:6px;}
5、第五级由一个或多个 类型选择器定义。如 div{margin:6px;} 覆盖 *{margin:10px;} 。
最低一级的选择器是为一个通配选择器,用*{margin:10px;}这样的类型来定义。
<a> 的4个伪类是:
:link ( 有链接属性的时候显示 -- href 属性 )
:visited ( 链接地址被访问过 )
:hover ( 鼠标移动到DOM节点上面 )
:active ( 鼠标点击瞬间 )
文本标签:1.<Strong> </Strong>表强调
表示强调标签里面的内容,以加粗的格式显现。
2.<em></em>表示语气强调以倾斜的方式显现
例如:敲掉澳大利亚草原上有食肉动物出没,非常危险
<strong>
非洲大草原上有肉食动物出没。非常危险
</strong><br>
今天天气<em>真好</em>啊
3 . <i>表倾斜 没有任何语义
4.< b>加粗 没有任何语义
5.<small> </small>小字显示。例如免责声明呀 。一些不想被客户看到的信息,就故意写小点
6.<cite>表示引用
7.<sub> 让字体变小 显示在下方
H<sup>2</sup>o
8.<sup>让字体变小显示在上方。
9.<ins>表示插入的字符。表示方式 带下划线。
10.<del> 在字符上带一条删除线。 一般用于价格 的打折 把原价划掉 下面出来一个新价格
11.<code>表示此段是程序代码
12<pre> 预格式化。就是你敲在源码里是什么格式。在页面上就显示什么格式。一般跟code配合使用。
列表:列表分为有序列表和无序列表。
有序列表:作用:先通过dt标签定义列表中的所有标题,然后通过dd标签给每个标签添加描述信息
无序列表:无序列表是一个没有特定顺序的列表项的集合,也称为项目列表。在无序列表中,各个列表之间属于并列关系,没有先后顺序之分,它们之间以一个项目符号来标记。使用无序列表标签ul的type属性
单位:CSS 有几个不同的单位用于表示长度。
一些设置 CSS 长度的属性有 width, margin, padding, font-size, border-width, 等。
长度有一个数字和单位组成如 10px, 2em, 等。
数字与单位之间不能出现空格。如果长度值为 0,则可以省略单位。
对于一些 CSS 属性,长度可以是负数。
有两种类型的长度单位:相对和绝对。
颜色:HTML 颜色由红色、绿色、蓝色混合而成。
HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。
种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。