CSS & 框模型

CSS & 框模型

 

1.页面元素边框的属性

属性	说明
boder	设置边框样式的复合属性
border-color	设置边框的颜色值
border-style	设置边框的样式，包括none（无边框）,dotted（点划线）,dashed（虚线）,solid（实线）,double（双线）,groove（槽状）,ridge（脊状）,inset（凹陷）,outset（凸出）
border-width	设置边框宽度
border-top, border-right, border-bottom, border-left	分别设置上、右、下和左边框的复合属性
border-top-color, border-right-color, border-bottom-color, border-left-color	分别设置上、右、下和左边框的颜色
border-top-style, border-right-style, border-bottom-style, border-left-style	分别设置上、右、下和左边框的样式
border-top-width, border-right-width, border-bottom-width, border-left-width	分别设置上、右、下和左边框的宽度

 

 

2.元素定位属性

属性	说明
position	定义元素在页面中的定位方式，有absolute,relative,static,fixed，默认为static
left	指定元素与最近一个具有定位设置的父对象左边的距离
right	指定元素与最近一个具有定位设置的父对象右边的距离
top	指定元素与最近一个具有定位设置的父对象上边的距离
bottom	指定元素与最近一个具有定位设置的父对象下边的距离
z-index	设置元素的层叠顺序，仅在position属性为relative或者absolute时有效
width	设置元素框宽度
height	设置元素框高度
overflow	内容溢出控制
clip	剪切

 

 

 

 

 

 

 

 

 

 

 

3.布局属性

属性	说明
clear	指定元素中不允许有浮动对象的边，取值：none（默认）,left,right和both
float	指定元素是否以及如何浮动，取值有none,left和right
clip	指定元素的可视区域，区域外的部分将隐藏
overflow	指定在元素的内容超过指定宽度和高度时的处理方式，默认为visible
overflow-x	指定元素处理内容超过宽度时的方式
overflow-y	指定元素处理内容超过高度时的方式
display	指定元素是否以及如何显示，默认为inline（元素将以内联方式显示）
visibility	指定是否显示元素