css页面布局基础

标签：ted   sha   布局   hang   宽度   shadow   页面   lis   外边距   

去掉无需列表的原点list-style：none首字大写list-style:upper-coman变成小写list-style:lower-roman英文首字母大写alpha小写lower-alpha

虚线 boder： 1px dashed #58a  ； 点线 boder：10px dotted #58a； 双实线 doble

定义四个方向的样式

boder-top：2px solid  red；

　　　 right：2px dashed  red；

　　　botton：　　dotton         ；

        left：            double        ；

div的长宽一样的话  可设置成圆

boder-redins：50%

元素阴影

box-shadow：5px 5px 2px#000；

线性渐变

background：liner-gradiedt（to right，red，yellow）；

循环

@keyfeames box{

from{

background-color；yellow

}

to{background-color；red}

}

也可以用比分比符号

trasition：all linear 1s；一秒匀速变换

行类标记转换为块级

change a{diaplay：block

line-height：200px

}

padding值不能为负 margin可以

垂直防线外边距会重叠，取最大值

浮动

float：left；左浮动

right 右浮动

加上父级再浮动  可以排序浮动后的顺序

消除最后一项浮动

list-child{

clear both

}

子级浮动父级高度会塌陷

行嘞元素浮动后会视为块级

在浮动文本时设置宽度

css页面布局基础

标签：ted   sha   布局   hang   宽度   shadow   页面   lis   外边距   

原文地址：http://www.cnblogs.com/liutk/p/6725631.html