9.11知识大纲【列表拓展】【格式与布局】

⒈关于列表：

⑴<list-style:none>: 常用none，将列表前面的序号去掉。

⑵<list-style-image>: 可将前面的序号换为图片。

 

⒉格式与布局

⑴<postion>:位置 ：<fiexd>:固定作用（相对于浏览器边框位置固定）

<top  right  bottom  left>:(上右下左 ，调位置用)

⑵<absolute>:绝对位置（相对于父级元素固定）

⑶<relative>:相对位置（相对于自身原来的位置固定）

 

*｛margin:opx  auto  pandding:opx｝ :很重要（布局里面常用，写在head里） auto是居中

 

<float>：流:① left：向左流 ② right：向右流

 

<div style="clear:both"></div>  不显示，清流用（在每次用完流之后一定要记得清）

 

.test:hover{这里面加要改变的样式：背景色，字体颜色等} hover：鼠标放上的意思 ，<cursor pointer>:鼠标变小手

 

z-index:分层（值越大越靠上，属性值使用auto值和没有单位的数字）