首页 > 代码库 > css页面布局基础

css页面布局基础

去掉无需列表的原点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页面布局基础