CSS是用来扩展HTML的,而不是用来替代HTML的。也就是CSS离不开HTML,他只是一项辅助工具。
到这里可以了解完整的CSS技术内容与发展现状:http://www.w3.org/style/
CSS的特点:
除了可扩展HTML的样式设定外,CSS还提供了多项新特点,让网页的设计与维护更有效率:
1、减少图形文件的使用
很多网页为求设计效果,而大量使用图形,以致网页的下载速度变得很慢。CSS提供了很多的文字样式设定,且再加上IE%内建的滤镜特效,因此可轻松取代原来图形才能表现的视觉效果。这样的设计方式以仅让修改网页内容变得更方便,也大大提高下载速度。
2、集中管理样式信息
CSS的基本概念在于可将网页要展示的内容与样式设定分开,也就是将网页的外观设定信息从网页内容独立出来,并集中管理。这样,当要改变网页外观时,只需更改样式设定的部分,HTML文件本身并不需要更改
3、共享样式设定
网页的样式设定和内容分离的好处,除了可集中管理外,如果进一步将CSS样式信息存成独立的文件,还可让多个网页文件共同使用它这样,可省却在每一个网页文件中重复设定的麻烦。
4、将样式分类使用
相对于多份HTML文件可套用同一个CSS样式文件,也可以在一份HTML网页文件上套用多个CSS样式文件。
使用 CSS text-transform 属性 进行字母大小写设置。
定义和用法
text-transform 属性控制文本的大小写。
说明
这个属性会改变元素中的字母大小写,而不论源文档中文本的大小写。如果值为 capitalize,则要对某些字母大写,但是并没有明确定义如何确定哪些字母要大写,这取决于用户代理如何识别出各个“词”。
提示和注释
注释:不同的用户代理可能会用不同的方法来确定单词从哪里开始,相应地确定哪些字母要大写。例如,文本 "w3-school" 可以用两种方式显示:"W3-school" 和 "W3-School"。CSS 并没有规定哪一种是正确的,所以这两种都是可以的。
实例
转换不同元素中的文本:
h1 {text-transform:uppercase}h2 {text-transform:capitalize}
p {text-transform:lowercase}