css属性值:属性值包括法定属性值和常规的数值加单位或颜色值。
css文本属性
1)文本大小:font-size:value; 如:font-size:12px;
说明:属性值为数值型时,必须给属性值加单位,属性值为0时除外
单位还可以是pt,9pt=12px
默认情况下,1em=16px,0.75em=12px;
使用绝对大小关键字:xx-small=9px;x-small=11px;small=13px;medium=16px;large=19px;x-
large=23px;xx-large=27px;
2)文本颜色:color:#颜色值;color:#f00;
3)文本字体 font-family:字体1; font-family:字体1,字体2,字体3;
font-family:"微软雅黑","宋体",Arial;
说明:字体是中文的或者多个英文单词的需要加双引号。当属性值是多个字体时,浏览器首先会寻找字
体1,如果存在就使用该字体来显示内容,如该字体不存在,则会寻找字体2,如字体2也不存在,按字体3显示内
容,如果字体3也不存在,则按系统默认字体显示。
4)字体粗细:font-weight:bolder(更粗的)/bold(加粗)/normal(常规) 100-900
说明:100-500常规字体 600-900加粗字体 (使用数值时不加单位)
5)字体倾斜:font-style:italic(倾斜)/normal(取消倾斜,常规显示)
6)对齐方式 text-align:left/center/right/justify(两端对齐中文不明显)
7)垂直对齐方式;vertical-align:top/middle/bottom; (它不能单独使用,只能和display属性搭配使用;)
8)行高 line-height:normal/值 如line-height:24px;
说明:
(1)当单行文本的行高等于容器高时,可实现单行文本在容器中垂直方向居中对齐;
(2)当单行文本的行高小于容器高时,可实现单行文本在容器中垂直中齐以上任意位置的定位;
(3)当单行文本的行高大于容器高时,可实现单行文本在容器中垂直中
齐以下任意位置的定位。(IE6及以下版本存在浏览器兼容问题)
倍行高:{line-height:2;} 2倍 ,{line-height:1.5;}1.5倍;
注:当使用倍行高为单位时,不加px;
9)文本修饰:text-decoration:none;(没有修饰)/underline;(下划线)/overline;(上划线)/line-
through;(删除线)
10)边框 border:2px solid #f00; border: 粗细(数值+单位) 线型(solid、dashed/dotted/double) 颜色;
右边框border-right 左边框border-left 上边框border-top 下边框border-bottom
solid:实线 dashed:虚线 dotted:点状线 double:双线
11)首行缩进 text-indent:value;
说明:text-indent可以取负值(如:text-indent:-20px);text-indent只对第一行起作用。缩进两个字符可以写:text-indent:2em;
3.文字属性简写:font:12px/1.5 "宋体"
书写顺序;font-style font-weight font-size/line-height font-family(各属性之间用空格隔开)
简写时,font-size和line-height只能通过斜杠、组成一个值,不能分开。
顺序不能改变,这种简写法只有在同时指定font-size和font-family属性时才起作用,而且,没有设定font-
weight,font-style 他们会使用缺省值(默认值)。