9.13

1. 无序列表

第一. 内部必须有子标签<li></li>

第二. ul天生内部自带内外边距       p标签也是天生自带

   并集选择器

用逗号隔开

   有好处也有弊端

      好处：省事

      弊端：太省事，加大了浏览器的负荷

 

  解决办法：按需选择

{ List-style（样式属性）：none（空）/square（正方形）/circle（空心圆）/disc（实心圆）；}去掉列表前的符号

      Ol有序列表

1. 内部必须有子标签<li></li>
2. 天生自带内外边距

Ol和ul不同之处在于前面符号的区别

标签属性type修改

      Dl自定义列表    dt是小标题   dd内容

   列表做什么？

      做二级菜单    导航

     备注

Margin和padding

             Margin设置一个值，说明top-right-bottom-left都是一个值

        设置两个值，上下一样    左右一样

                 三个值       先上 -再左右 -最后下

                   四个值         上- 右 -下 -左 

Padding同上

    实际占用空间大小

一个元素实际占用的空间是

Widtnh-+border*2 +paddin*2+margin*2