首页 > 代码库 > 样式表中的样式及其布局常用标签
样式表中的样式及其布局常用标签
样式表中的样式及其布局
1.大小:width宽度,height高度。
2.背景:backgrpund-color,backgrpund-image,backgrpund-repeat,backgrpund-position,backgrpund-attachment,backgrpund-size。
3.字体:font-family,font-size,font-style,font-weight,text-decoration:(underline,overline,lin-through,none),color字体颜色。
4.对齐方式:text-aling,line-height,vertical-aling,text-indent缩进单位像素。
5.边界边框:margin,外边距:上右下左,padding,内边距,如果加了内边距,该元素会相应变大。border边框:1px solid #60f相应表示边框粗细,边框样式,边框颜色。
6.列表方块:list-style(none)把列表钱的序号去掉,list-style-image把前面的序号改为图片。
格式与布局
1.位置:position(fixed相对于浏览器边框位置固定,absolute绝对位置相对于父级元素:浏览器绝对定位的上级),relative相对位置,相对于自身应该出现的位置。top,right,left,bottom,上左下右。
2.流:float-left向左流,float-right向右流。clear-both清掉流。z-index分层:其index的值越大其位置越靠上。
其他
display显示block和隐藏none,不占位置。visibility显示visible和隐藏hidden,占位置。overflow超出范围 hidden隐藏。
透明opacity:0.5;-moz-opacity:0.5;filter:alpha(opacity=50)
圆角border-radius:5px;
阴影box-shadow:0 0 5px white;
样式表中的样式及其布局常用标签