列表属性和布局属性

Css

Ul  ol  dl

<ul>

       <li></li>

<li></li>

<li></li>

</ul>

<ol>

       <li></li>

<li></li>

<li></li>

</ol>

<dl>

       <dt></dt>

<dd></dd>

<dt></dt>

<dd></dd>

<dt></dt>

<dd></dd>

</dl>

list-style-type 列表样式

list-style-position 列表位置  项目符号 在li的内部 还是外部 outside（默认值）外部 inside内部

list-style-image:

list-style: type position image

布局属性：

Display:

       None: 元素的隐藏： 宽 高 透明度 都发生变化

       Block: 块元素 独占一行 可以设定宽高 内外补丁

       Inline: 行内元素（内联）在一行上， 宽 高 内外边距 有问题

Inline-block: 行内块元素：具有内联元素的特性，宽高..属性可以用了

 

注意： 块元素---》内联元素 切换

块元素---》内联元素 : display:inline

内联元素—》块元素 display:block  inline-block

 

Overflow:

Hidden:超过容器的部分 隐藏

visible ：可见的

 

布局属性：

Float: left right 浮动 元素脱离文档流

Clear：both left right

作用：块元素一行上显示

           实际：导航

 

定位 ：

Position: 以页面上的某一个元素为参照物，移动现有元素

Left 距离顶部的距离 ---》margin-left

Top 距离左边的距离---》 margin-top

Position: static 静态  relative相对*** absolute 绝对*** fixed固定

         Relative 相对默认位置去移动的，对后边元素不会有影响

         Absolute: 默认情况下， 当前元素是相对与body定位的 具体位置 left和top控制

                             如果dv2 的父元素有了position属性 ，dv2相对于父元素定位，具体位置 left和top控制，对后边元素有影响

         Fixed相对于窗口左上角定位  面试

         应用：打破常规