css常用属性值

来源:互联网 发布:淘宝售后服务卡模板 编辑:程序博客网 时间:2024/04/29 09:04

以下是CSS样式属性

字体属性如下:

font-family:用于设置字体名称,可以设置多个字体名称,用逗号隔开

font-size:设置字体大小 。绝对大小设置的值为xx-small,x-small,medium,large,x-large、xx-large。相对大小设置:larger,smaller,绝对单位:px,mm,cm,in,pt,pc(这些大小不会随浏览器大小改变而改变)相对单位有:em(是原始显示的二倍),ex(当前的字体是原始字体大小的3倍),%(设置字体的百分比)。

font-style:设置文字显示方式

text-decoration:设置文本的上滑线、下滑线、中划线

font-weight:用于指定粗体字的大小。

font-variant:显示区域内的所有字母都用大写显示

text-transform:可以设置区域内的英文单词的每个首字母大小,或者把所有的字母大写或者小写

color:字体颜色有

背景属性

background-color:背景颜色

background-image:背景图像

background-repeat:设置背景图片的显示方式 , 值为:on-repeat(背景图片只显示一次)、repeat(表示在背景上水平和垂直方向上重复平铺图像)、repeat-x(表示水平重复平铺铺背景图像) repeat-y(表示垂直重复平补背景图像)

background-attachment:确定背景图片是否更具内容的滚动儿滚动;他的设置值:fixe(表示背景图片固定),scroll(表示背景图片随文字的滚动而滚动)

background-position:指定背景图像的水平位置和垂直位置,设置值为:水平设置的值有:left、center、right、或、20px(设置一个值),垂直位子的取值有:top、center,bottom

background:上面各种的简写

文本属性如下:

word-spacing:设置单词之间的间距

letter-spacing:用来设置每个字符之间的间距

vertical-align:文本的垂直对齐方式:他的取值有:sub(下标)、super(上标)top(与顶对齐)、middle(中间对齐)、bottom(与低端对齐),取相对于元素的百分比

text-align:用于设置文本的水平对齐方式,设置的值有:left,right,center,justify

text-indent:设置文本第一行的缩进值

white-space:处理文本中的空白字符,设置的值有:normal(默认的把所有的空白压缩成一个空格)、pre(空白原样输出)、nowrap:表示只有遇到<br/>标签时才进行换行,否则一直不换行

元素位置设定属性

Position:用来设定元素的定位方式,设置的值有:absolute(元素的决定定位)、relative(相对定位)、static(通用定位方法)

left:设置元素左边的水平位置

top:设置元素顶部的位置

width:设置元素的宽度

height:设置元素的高度

z-index:设置元素堆叠的所属层位。

边缘属性:

margin:设置元素边界与其他元素之间的空隙大小,里面包括四个属性(margin-top、margin-right、margin-bottom、margin-left)分别代表元素与其他元素上下左右之间的空隙大小,当只设置margin的空隙大小,则代表上下左右都是这个值。p{margin}:2em 4em}左右为2 上下为4

padding:设置元素与内部内容之间的空隙大小,它包括四个属性分别是(padding-top、padding-right、padding-bottom、padding-left)分别代表元素与内部上下左右的空隙。当只设置padding的属性时,代表元素与内部上下左右的空隙大小相同。

border-width:用来设置边框线的宽度,有四个属性(border-top-width/border-topl-width/border-bottom-width/border-left-width)分别代表上下左右四个方向边框线的宽度可设定的边框线宽度的值有:thin、medium、thick或数值

border-color:用来设置元素边框线颜色,包括(border-top-color、border-right-color、border-bottom-color、border-left-color),用法与上面相同

border-style:用于设置元素边框线的样式。包括(border-top-style、border-right-style、border-bottom-style、border-left-style)用法同上。可供选择的值有:none(没有边框线)、dotted(点线)、dashed(虚线)、solid(实线)、double(双线)、groove(凹槽线)、ridge(出槽线)、inset(凹边),outset(凸边)

border:上面所有border的汇总,包括(border-top、border-right、border-bottom、border-left),如:A:active{border:thick double red}

列表项属性

list-style-type:用于指定目录列表项标记的样式类型;他的设置值可以是:disc(实心圆)、circle(空心圆)、square(方块)、decimal(阿拉伯数字)、lower-roman(小写罗马数字)、upper-roman(大写罗马数字)、lower-alpha(小写英文字母)、upper-alpha(大写英文字母)、none(无项目符号)

list-style-image:用于设定目录列表项标记的图像,当设置了这个属性,则list-style-type属性将被代替

list-style-position:设置将标记显示在文本内还是文本外。可取的值为:inside(内部)、outside(外部)

list-style:是以上属性的综合设置

其他css属性:

cursor:当鼠标移动到某个元素上时,鼠标所显示的形状。设置值:hand(手型)、crosshair(“十”)型、text(“|”)型、wait(等待)、default(默认)、help(帮助)、ee-resize(“东箭头”)、ne-resize(东北箭头)、n-resize(北箭头)、nw-resize(西北箭头)、w-resize(西箭头)、sw-resize(西南箭头)、s-resize(“南箭头”)、se-resize(东南箭头)和auto(自动)

filter:设置元素的滤镜特效

原创粉丝点击