html$css_day02

一.内联和块元素

　　》块元素：独占一行的元素，比如div，即使改变了width的大小，也还是会独占一行

　　》内联元素（行内元素）：元素的大小由内容的大小决定，不独占一行，比如span（span元素没有任何语义，但专门为文字设置样式等）

 

 

二.常用选择器

　　》元素选择器

 

 　　》id选择器

 

 　　》类选择器

 

 　　》组合选择器

 

 　　》通配符选择器

 

 　　》复合选择器（交集选择器）

 

 　　》元素间的关系

 

 　　》后代选择器

 

 　　》子元素选择器

 

 　　》伪类选择器

　　　　link状态：

 

　　　　visited状态：

 

 

　　　　hover状态：

 

 

　　　　active状态：

 

 

 

　　　　focus状态：

 

 

 　　　　selected状态：

 

 

 　　　　伪元素选择器：

 

 

 　　　　属性选择器：

　　　　　　》title属性：

 

 

 

 

 

 

 

 

 　　　　》子元素的伪类选择器：

 

 

 　　first-child和last-child我必须说下，非常容易弄混，一个注意的点：

　　　　（1）比如p:first-child，表示的是所有p元素拥有父亲元素，元素是p标签且在父元素下的第一个元素。而不是表示p标签下的第一个子元素

　　依次类推它的last-child，nth-child

 

 

　　跟first-child等十分类似的伪类：

 

 

 　　我还得说下，怕搞混，拿fitst-of-type为例：

　　　　（1）比如p:first-of-type：表示所有p元素拥有父元素且在父元素下的第一个p元素

依次类推last-of-type，nth-of-type

　　　　》兄弟元素选择器

 

 

 

 

 

 　　　　》否定伪类选择器

 

 

 

三.样式的继承

 

 

 

四.选择器的优先级

 

 

 

 

 

 

 

 

 

五.伪类选择器的顺序：

 

 

 

六.文本标签

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

七.无序列表和有序列表

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

八.长度单位

 

 

 

 

 

 

 

 

 

 

九.rgb和十六进制颜色表

 

 

 

 

十.字体

 

 

 

 

 

 　　字体分类：

 

 

 

 

 

 　　字体样式：

 

 

 

 

 

 

 

 

十一.行高