CSS文本样式设置

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lx_ros/article/details/89008437

(1)字体的设置font-family:"GillSans",中间用空格分开。
selecttextareainput需要强制继承input,select,input{font-family:inherit}。设定首选字体,替代字体。字体列表为字体栈(font-stack)。
windowsos x上默认共有的字体有:arialcomic Sans MS,Courier NewGeorgiaImpactTrebuchet MS
,Time New RomanVerdana。此外还可使用Web字体。

(2) font-style:italic设置斜体,font-style:normal取消斜体,font-weight:bold\(100-900)设置粗体,font-normal取消粗体,font-weight属性是继承性的,font-size:px或em(相对于父元素文本的大小)设置字体大小,body上设置基准font-size:100约为16px大小,rem以根元素为参照系设置其他元素字体的大小,font-size属性也是继承的。line-height:n设置行高为n乘字体的大小。可通过简写属性同时设置所有字体值,body{font:100% Geneva, Tahoma, Verdana, sans-serif}

(3)color设置字体颜色,可对几个段落、几个单词、不同状态的链接、内容区域等修改背景,background-color:#88b2d2,设置颜色背景,background-image:url(image.png)设置图片背景image.png是图片想对于样式表所在的路径和文件名,background-repeat:repeat/repeat-x/repeat-y/no-repeat设置背景图像是否重复,background-attachment:fixed/scoll/local设置背景图像是否随页面滚动,background-position: left bottom指定元素背景图像的位置,body{background:#004 url(../image.png) no-repeat 170px 20px color:green}背景的简记法,设置多有的属性。

(4) 单词之间的距离叫字间距(tracking)用word-spacing设置,字母之间的距离称为字偶距离(kerning)用letter-spacing设置,两者皆为继承属性。text-indent设置段落第一行缩进。text-align设置文本对齐方式,其值有justy(两端对齐)、center等。text-transform,为样式定义文本的大小写,其值可取为uppercaselowercasenonecapitalizefont-variant设置小型大写字母变体,即其中的一些字母是大写的但缩小到了小写字母的大小,其值取为small-caps等。

(5)text-decoration属性装饰文本,其值有underlineoverlineline-through及取消文本装饰的nonewhite-spacing设置空白属性,pre显示原文中的所有空格,nowrap确保所有空格不断行,normal正常处理。

猜你喜欢

转载自blog.csdn.net/lx_ros/article/details/89008437