CSS笔记2

border：宽度 类型 颜色

类型：

solid：实线

dashed：虚线

dotted：点线

groove：立体线

double：双线

outset：浮雕线

 

position 定位

absolute：绝对定位，相对于浏览器，将元素放在固定的位置上。

               类似于涂层，位置相同时，z-index值最大的放在最上显示

fixed：固定定位，与absolute相似，相对于浏览器

          不同：被定位的容器不会随着滚动条的拖动而变化位置，在视野中，其位置不变

relative：相对定位，相对于父容器浮上来，其所占容器仍然留空 如图

    <div style=" height:400px; background-color:#0f0; text-align:center">
        <div style="height:30px; width:200px; background-color:Blue;"></div>
        <div style="height:30px; width:200px; background-color:Gray; position:relative; margin:1px; top:10px; left:10px"></div>
        <div style="height:30px; width:200px; background-color:Blue;"></div>
    </div>

 

颜色表示

color：#FF0000    //常规十六进制

color：red              //常规十六进制

color：rgb（100%,0,0）   //RGB百分制

color：rgb（255,0,0）   //RGB十进制

color：transparent   //透明色，默认