样式属性

背景与前景

background-color; 属性定义了元素的背景颜色.

background-image:url(路径); 属性描述了元素的背景图像.默认情况下,背景图像进行平铺重复显示,以覆盖整个元素实体.

background-repeat:no-repeat;no-repeat,不平铺;repeat,平铺;repeat-x,横向平铺;repeat-y,纵向平铺。

background-position:center;背景图片居中,设置背景图片位置时,repeat必须为不平铺。

background-position:right top;背景图片放到右上角(方位可以自己更改)

字体

font-family;"微软雅黑":字体

font-size:12px;字体大小,还可以用“em”

font-weight:bold;bold是加粗,normal是正常。

font-style:italic;倾斜,normal是不倾斜。

text-decoration:underline;下划线,overline是上划线,line-hrough是删除线,none是去掉下划线。

text-align:center;水平居中对齐,left是左对齐,right是右对齐。

vertical-align:middle;垂直居中对齐,top是顶部对齐,bottom是底部对齐,一般设置行高后使用。

边界和边框

padding:20px;内容与边框的四边间距离px

padding-bottom
padding-left
padding-top
padding-right 功能:毎个容器都有边框,这些属性设置边框与框內元素间的距离。

border-top
border-bottom
border-right
border-left 功能:这四个属性都是简写属性,分别设置上,下,右,左的边框属性。

margin-bottom
margin-left
margin-right
margin-top
功能:这四个属性用来设置元素与其相邻元素间的距离,可以用长度或相对于其父文本的宽度的百分比来定义,也可以自动处理

posted @ 2017-03-20 13:14  田紫楦  阅读(204)  评论(0编辑  收藏  举报