使用text-transform属性可以设置文本行中字母大小写,所有浏览器都支持该属性,但对于汉字没有影响。取值包括:天津网站制作,天津网站建设,天津网站设计,天津网络公司
none:默认值,无转换发生。
capitalize:将每个单词的第一个字母转换成大写,其余无转换发生。
uppercase:将字母转换成大写。
lowercase:将字母转换成小写。
注意不同浏览器对于单词首字母的解释方式不同。例如,heading-one可以有两种方式显示:Heading-one或Heading-One, CSS没有明确规定,因此各大浏览器可以自行决定。
在默认超链接中,会显示一条下划线,这条线实际上就是文本修饰线,使用text-decoration属性可以实现,所有浏览器都支持该属性,对于任何文本都会影响。取值包括:
none:默认值,无装饰。
blink:闪烁,在IE中没有获得支持,在其他浏览器中闪烁的频率各不相同,其中Firefox中比较快。
underline:下划线。
line-through:贯穿线。
ovedine:上划线。
在CSS 3中新添加了修饰线定位和颜色设置属性,且修饰线的种类更加丰富,这对于网页设计比较实用。但目前还没有浏览器支持,因此就不再介绍。
啦用text-decoration属性时,会出现一些奇异的修饰效果,下面再提示几点:
(1)文本修饰线不能被继承。
(2)文本的修饰线颜色都与文本前景色一致,即使子元素是另一种颜色也一样。
(3)默认的文本修饰线比较单调,如果要实现更多的效果或样式,有两种方式可以间接实现:其一,通过边框来实现修饰线效果,可以实现蓝色色虚下划线:其二,通过文本背景图像来实现,这种方式可以实现更多的个性效果和样式,如定义background:url(line.gif) repeat-x left bottom;可以为文本定义一条下划线。读者应注意,作为修饰线的图像不能太宽,一般可以用图像编辑器制作高为1或几个像素、宽为1个像素的图片即可。限于篇幅就不再举例说明,在后面还会有很多示例涉及到这两个技巧。