列表；单位；餐厅游戏

列表

在网页中一共有三种列表：

 1、无序列表:ul li

  2、有序列表:ol

  3、定义列表：用于对一些词汇下定义

       dl标签：创建一个定义列表

       dt标签：被定义的内容 

       dd标签：对定义的内容进行解释(用于答辩项目的下拉菜单)

       以上三个随表套-有序套无序，无序套有序

   4、去掉项目符号（必会） 非得用就用图片：

    ul,ol{list-style:none}

---

单位

长度单位：

1、像素px

显示效果越好、越清晰，像素就越小，反之像素越大

2、百分比%

好处：父元素改变了，子元素也跟着改变    常用在自适应网页

3、em

em和百分比类似，它是相对于当前元素的字体大小来计算的

1em = 1font-size

使用em时，当字体大小发生改变时，em也会随之改变

改变字体相关的样式时，经常会使用em

---

餐厅游戏
1、plate：元素选择器

2、bento：元素选择器

3、#fancy：id选择器

4、plate apple：后代选择器

5、#fancy pickle：交集选择器

6、.small：类选择器

7、orange.small：交集选择器

8、bento orange.small：交集选择器

9、plate,bento：交集选择器

10、*：通配选择器

11、plate>*：交集选择器

12、plate+apple：兄弟选择器

13、bento~pickle：兄弟选择器

14、plate>apple：子元素选择器

15、plate orange:first-child ：其他子元素选择器

16、plate :only-child ：其他子元素选择器

17、#fancy :last-child,pickle:last-child ：其他子元素选择器

18、plate:nth-child(3)：其他子元素选择器

19、:nth-last-child(4) ：其他子元素选择器

20、apple:first-of-type ：其他子元素选择器

21、plate:nth-of-type(even) ：其他子元素选择器

22、plate:nth-of-type(2n+3)：其他子元素选择器

23、plate apple.small:only-of-type：其他子元素选择器

24、orange.small:last-of-type,apple.small:last-of-type：其他子元素选择器

25、bento:empty：空选择器

26、apple:not(.small)：否定伪类