三种定位+堆叠+li小黑点变图片

定位：

定位分为三种：

position：static（默认值）

　　　　relation（相对定位）：进行较小偏移，不会脱离文档流，原位置保留

　　　　absolute（绝对定位）：脱离文档流，不占据页面空间，变成块元素，服从最近的相对定位元素  ——margin：auto则失效

　　　　fixed（固定定位）：脱离文档流，变成快

注：相对定位和绝对定位是成对使用

偏移属性：top  -上   +下

　　　　　left  -左  +右

　　　　  right  -右  +左

　　（底部）bottom   -下   -上

 

固定定位：将元素固定在可视区的某个位置，且不会随着滚动条的移动产生变化，永远是相对于body实现定位

——————————————————————分割线——————————————————————————

堆叠：改变盒子元素的顺序

　　z-index:没有单位的数字，数字值越大，越靠上，可负数（负数则在最下层）。只能作用在使用三种定位的元素上，若不指定z-index，则后来者居上，

注：父子关系无法使用，子永远压咋父元素上：

　　父子关系(不可用)：

　　　　<div>

　　　　　　<div>

　　　　　　</div>

　　　　</div>

 

————————————————————————分割线————————————————————————————

将li标签自带的黑点变成图片：

　　一般来说我们会用

　　list-style:none    ————将小黑点去除，

但是通过list-style-image:URL     ————可以将小黑点变成图片：

效果图：

 

 

————————————————————————-分割线——————————————————————————

 

追加一些网页通用布局：

导航栏：<nav>

　　　　</nav>

特殊符号：&copy

　　　　　　

域文本标签：

<pre style="样式"></pre>

将你在html中的文字布局投放到网页中

 

文本首行缩进：

text index：xx  em；

 

列表：自定义
<dl>

　　<dt> </dt>

　　<dd></dd>

</dl>

 

转载于:https://www.cnblogs.com/hzqzwl/p/11180809.html