textsize{font-size:12px/14px/16px}说明:1)当属性值为数字时,必须给属性值加上一个单位,属性值为0时除外。2)单位也可以是pt,9pt=12px;3)为了减少系统间的字体显示差异,IENetscapeMozilla浏览器厂商在1999年召开会议,共同确定16px/ppi为标准字体大小的默认值,即1em。默认情况下,1em=16px,0.75em=12px;1rem是相对于根元素的倍数4)使用绝对尺寸关键字xx-small=9pxx-small=11pxsmall=13pxmedium=16pxlarge=19pxx-large=23pxxx-large=27px文字颜色{color:white}表示用十六进制表示颜色值:01234567890123456789ABCDEF颜色模式:浅色模式RGBFF0000颜色值缩写:当代表三原色的三组数字同时相同,可以简写成三位数字;用十六进制表示颜色值时,需要在颜色值前加“#”文字Font{font-family:"Font1","Font2"}说明:*字体为中文字体时,引号为必需的;*英文字体有空格时,需加引号,如"TimesNewRoman";Windows中文版操作系统下,默认中文字体为Arial或NewSong,默认英文字体为Arial。粗体{font-weight:bold/normal/100-900}oblique{font-style:italic/oblique}1)在css规范中将字体的粗细细分为9个等级,从100-900,其中100对应于字体变形最轻,900对应字体变形最重。100-500种常规字体600-900种粗体字体水平/垂直对齐:{text-align:left/right/center/justify(justify与个别浏览器不兼容,){vertical-align:top/bottom/middle/baseline;}(仅inline-block支持(可设置大小,默认排成一行)元素类型)行高说明:1)当单行文本行高等于容器高度时,可以实现容器内单行文本的垂直居中对齐;2)当单行文本的行高小于容器高度时,单行文本可以在容器上方任意位置垂直居中。3)当单行文本的行高大于容器高度时,单行文本可以垂直居中在容器以下任意位置。(IE6及以下版本存在浏览器兼容性问题)文字修饰text-decoration:说明:none:不修饰underline:加下划线overline:加上划线line-through:加删除线blink:闪烁(不兼容)首行缩进{text-indent}说明:1)text-indent可以取负值;2)text-indent属性只对第一行有效。字间距{letter-spacing:value;}控制英文字母或汉字的字间距。字间距{word-spacing:value;}控制英文单词的字间距。文字方向文字流向控制{layout-flow:horizo??ntal/vertical-ideographic;}说明:1)horizo??ntal:从左到右2)vertical-ideographic:从上到下文字属性{font:bolditalic16px/1.5Arial}font属性缩写:字体大小、行高、字体说明:字体属性值应按如下顺序书写(每个属性之间用空格隔开)顺序:font-stylefont-weightfont-size/line-heightfont-familylistStyle定义列表符号样式:1)list-style-type:disc(实心圆)/circle(空心圆)/square(实心方块)none(去除列表符号);2)使用图片作为列表符号:list-style-image:url(所用图片的路径和全名);3)定义列表符号的位置:list-style-position:outside/inside;列表样式:无;abbreviatedborder属性border:3pxsolidred;border边框:线型(实线/虚线/点线/双线/无)粗细(值+单位)颜色;线型:solid:实线,dashed:虚线,dotted:虚线,double:双线,none:无边框;border-width:边框的厚度;border-style:边框的线条形状;border-color:边框的颜色;border-top:上边框border-bottom:下边框border-left:左边框border-right:右边框背景属性)1)背景颜色语法:选择器{background-color:颜色值;}2)背景图片设置语法:background-image:url(背景图片的路径和全名);插入图片:属于网页的内容,即结构。背景图:属于网页的表现。背景图片上可以显示文字、插入的图片、表格等。3)背景图片的显示原则1)容器的大小等于图片的大小,背景图片显示在容器中;2)容器尺寸大于图片尺寸,背景图片会默认平铺,直到装满元素;3)容器尺寸小于图片尺寸,只显示容器/元素/范围内的背景图片。4)背景图片平铺属性语法:{background-repeat:no-repeat/repeat/repeat-x/repeat-y}no-repeat:不平铺repeat:tilingrepeat-x:horizo??ntaltilingrepeat-y:verticalTile5)背景图片的位置语法:选择器{background-position:left/center/right/valuetop/center/bottom/value;}background-position:value1value2;horizo??ntalalignment(left/center/right)orvalue垂直方向的对齐方式(top/center/bottom)orvalue两个值:第一个值表示水平位置的值,第二个值:表示垂直位置。当两个值都居中时,写一个值可以表示水平位置和垂直位置都在中间。注意:当元素小而图片大时,写图片的某个位置时:注意:向右方向和向下方向都是负值CSS继承概念:所谓继承就是规则的父元素也将应用于子元素。继承的规则不是特定的。例如,将主体设置为颜色:红色;如果没有其他规则设置,那么里面的元素都会变成红色。内联元素可以继承:letter-spacing、word-spacing、white-space、line-height、color、font-family、font-size、font-style、font-weight、text-decoration、text-transform。block元素可以继承:text-indent和text-align。列表元素可以继承:list-style、list-style-type、list-style-position、list-style-image。表格元素可以继承:border-collapse。
