CSS初级教程 文本
你可以用大量的属性来改变文本的大小和形态,概括如下: 字体font-family 这是字体本身的名称,如“TimesNewsRoman”,“Arial”或者“Verdana”(又如“宋体”等中文字体名称--译者著)。
你可以用大量的属性来改变文本的大小和形态,概括如下:
字体font-family
这是字体本身的名称,如“Times News Roman”,“Arial”或者“Verdana”(又如“宋体”等中文字体名称--译者著)。
你指定的字体必须存在在用户的电脑上,所以在CSS使用字体会存在某种程度上的不确定性。有少量“安全”的字体(最常用的是Arial,Verdana和Times New Roman)。但你可以指定不止一种字体,只要用半角英文逗号,隔开就行。这样做的目的是如果用户的电脑上没有你指定的第一个字体,浏览器会逐遍寻找罗列的字体直到找到电脑上安装有的字体为止。这很有用因为不同的电脑有时侯有不同的安装字体。所以,例子font-family: arial, helvetica的目的就是用在PC(一般情况下有arial字体而没有helvetica字体)和Apple Mac上(一般有helvetica字体而没有arial字体)。
注意:如果一个字体的名称超过一个单词,它应该用英文双引号括起来,如:font-family: "Times New Roman"。
字体尺寸font-size
定义字体的尺寸。必须小心──像标题一样的文本不应该是段落中的大字体而已,你应该使用标题标签(h1,h2 等)。甚至,在练习中,你可以使段落文本字体尺寸大于标题(不推荐使用,如果你明智的话)。
字体加粗font-weight
这用来声明文本粗细与否。实际应用中一般只有两种形式:font-weight: bold(粗体)和font-weight: normal(普通)。在理论上,它们的值有bolder(更粗),lighter(更细),100,200,300,400,500,600,700,800或者900,但许多浏览器会摇摇头,说:“我不认为这样”,所以使用bold和normal是比较安全的。
字体样式font-style
这定义文本正斜与否。可以这样使用 font-style: italic(倾斜)或者font-style: normal(正常)。
文本装饰text-decoration
这用来声明文本是否有划线。可以这样使用:
text-decoration: overline──文本上面的划线。
text-decoration: line-through──穿过文本的删除线。
text-decoration: underline──这应该只使用在连接中,因为用户一般认为连接才有下划线。
这个属性通常用来装饰连接,而 text-decoration: none则是表示没有任何划线。
文本转换text-transform
这可以转换文本的大小写。
text-transform: capitalize把每个单词的首字母转换成大写。
第 1 2 页
字体font-family
这是字体本身的名称,如“Times News Roman”,“Arial”或者“Verdana”(又如“宋体”等中文字体名称--译者著)。
你指定的字体必须存在在用户的电脑上,所以在CSS使用字体会存在某种程度上的不确定性。有少量“安全”的字体(最常用的是Arial,Verdana和Times New Roman)。但你可以指定不止一种字体,只要用半角英文逗号,隔开就行。这样做的目的是如果用户的电脑上没有你指定的第一个字体,浏览器会逐遍寻找罗列的字体直到找到电脑上安装有的字体为止。这很有用因为不同的电脑有时侯有不同的安装字体。所以,例子font-family: arial, helvetica的目的就是用在PC(一般情况下有arial字体而没有helvetica字体)和Apple Mac上(一般有helvetica字体而没有arial字体)。
注意:如果一个字体的名称超过一个单词,它应该用英文双引号括起来,如:font-family: "Times New Roman"。
字体尺寸font-size
定义字体的尺寸。必须小心──像标题一样的文本不应该是段落中的大字体而已,你应该使用标题标签(h1,h2 等)。甚至,在练习中,你可以使段落文本字体尺寸大于标题(不推荐使用,如果你明智的话)。
字体加粗font-weight
这用来声明文本粗细与否。实际应用中一般只有两种形式:font-weight: bold(粗体)和font-weight: normal(普通)。在理论上,它们的值有bolder(更粗),lighter(更细),100,200,300,400,500,600,700,800或者900,但许多浏览器会摇摇头,说:“我不认为这样”,所以使用bold和normal是比较安全的。
字体样式font-style
这定义文本正斜与否。可以这样使用 font-style: italic(倾斜)或者font-style: normal(正常)。
文本装饰text-decoration
这用来声明文本是否有划线。可以这样使用:
text-decoration: overline──文本上面的划线。
text-decoration: line-through──穿过文本的删除线。
text-decoration: underline──这应该只使用在连接中,因为用户一般认为连接才有下划线。
这个属性通常用来装饰连接,而 text-decoration: none则是表示没有任何划线。
文本转换text-transform
这可以转换文本的大小写。
text-transform: capitalize把每个单词的首字母转换成大写。
第 1 2 页
- 上一篇:如何掌握CSS布局
- 下一篇:css选择器的使用方法
精彩图集
精彩文章