1119

式样属性

A背景与前景

background-color:#F90;/*背景色,样式表优先级高*/

background-image:url(路径);/*设置背景图片*/

background-attachment:fixed;/*背景固定,不随字体滚动*/

background-attachment:scroll;/*背景随字体滚动*/

background-repeat:no-repeat;/*no-repeat 不平铺;repeat-x(y) 横(纵)向平铺*/

background-position:center;/*背景图居中,设置背景图片位置时,repeat必须为no-repeat*/

background-position:right top;/*背景图放到右上角*/

background-position:left 100px top 200px;/*离左边100像素,离上边200像素(可以设置为负值)*/

字体

font-family:"新宋体" /*字体*/

font-size:12px /*字体大小*/

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

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

color:#03C;/*颜色*/

text-decoration:underline;/*下划线,overline是上划线,line-through是删除线,none是去除下划线*/ t

ext-align:center;/*水平居中对齐,left是左对齐,right是右对齐*/

vertical-align:middle;/*垂直居中对齐,top是顶部对齐,bottom是底部对齐*/

text-indent:28px;/*首行缩进量*/

line-height:24px;/*行高,一般为1.5`2倍字体大小*/

display:none;/*none不显示;inline-block 显示为块,不自动换行,宽高可设;block显示为块,自动换行;inline效果同span标签,不自动换行,宽高不可设*/ visibility:hidden;/*可视性。hidden隐藏但是占空间;visible,显示*/

B边界和边框

border(表格边框、样式等)、margin(表外间距)、padding(内容与单元格间距)

border:5px solid blue;/*四边框;5像素宽、实线、蓝色*/

border-width:5px;border-style:solid;border-color:bule;/*四边框;5像素宽、实线、蓝色*/ border-top:5px solid bule;/*上边框:5像素宽、实线、蓝色*/

border-bottom:5px solid bule;/*下边框:5像素宽、实线、蓝色*/

border-left:5px solid bule;/*左边框:5像素宽、实线、蓝色*/

border-right:5px solid bule;/*右边框:5像素宽、实线、蓝色*/

margin:10px;/*四边外边框宽度为10像素。auto 居中*/

margin-top:10px;/*上边外边框宽度为10像素*/

margin:20px 0px 20px 0px;/*上右下左,四边外边框顺时针顺序依次为20像素0像素20像素0像素*/

padding:10px;/*内容与边框的四边间距为10像素*/

padding-top:10px;/*内容与边框的上间距为10像素*/

padding:20px 0px 20px 0px /*上右下左,内容与边框的四边间距顺时针顺序依次为20像素0像素20像素0像素*/

C列表与方块

width、height(top、bottom、left、right)只有在绝对坐标的时候才能用

list-style:none;/*取消序号*/

list-style:circle;/*序号变成圆圈,样式相当于无序列表*/

list-style-image:url(图片地址);/*图片作为序号*/

list-style-position:outside;/*序号在内容外*/

list-style-position:inside;/*序号跟内容在一起*/

原文地址:https://www.cnblogs.com/dnf1612/p/6080265.html