为何使用CSS
来源:互联网 发布:太阳帆轨迹优化 编辑:程序博客网 时间:2024/04/28 03:12
信息: 为何使用CSS?
CSS帮助您将文档信息的内容 和如何展现它的细节相分离。众所周知,如何展现文档的细节即为样式(style)。您可以将样式从它的内容分离出来,以便您能够:
- 避免重复
- 更容易维护
- 为不同的目的,使用不同的样式而内容相同
例如
您的网站可能有成千上万的页面外观相似。使用CSS,您可以将样式信息存储在公共的文件中以供所有的页面共用。
当用户显示页面时,用户的浏览器将样式信息和页面内容一同加载。
当用户打印页面时,您可以提供不同的样式信息,以便于打印出来的页面更易于阅读。
总之,在HTML中,您使用标记语言来描述文档的内容而不是它的样式。您可以使用CSS来指定它的样式而不是它的内容。 (在本教程后续内容中,您会看到此种的例外情况。)
更多的细节
象HTML之类的标记语言也会提供指定样式的方法。
例如,在HTML中,您可以使用
`标签来加粗文字,同时,您也可以在页面的
标记中指定背景颜色。`当您使用CSS时,您通常要避免使用标记语言的这些特性,以便您所有的文档样式信息保存在同一地方。
行动:创建样式表
在与前面相同的目录中,新建另一个文本文件。该文件将成为您的样式表。请将它命名为:
style1.css
在您的CSS文件中,复制、粘贴下面的行,并保存该文件:
strong {color: red;
连接您的文档和样式表
为将您的文档和样式表相连,请编辑您的HTML文件。并添加下面高亮的行:
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Sample document</title> <link rel="stylesheet" href="style1.css"> </head> <body> <p> <strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets </p> </body></html>
保存该文件并刷新您的浏览器。该样式表将首字母显示为红色,如下所示:
**C**ascading **S**tyle **S**heets
0 0
- 为何使用CSS
- 为何使用 ASP.NET?
- 为何使用 XML Schemas?
- 为何要使用 UML?
- 为何使用数据库
- 为何使用Shell脚本
- 为何选择使用MINA
- 为何使用NSLocalizedString
- 为何使用Python
- 为何使用设计模式
- 为何使用多线程
- 为何使用Git
- 为何使用动态代理
- 为何使用消息系统
- 为何使用XMLSchema
- 为何使用消息系统
- 为何要使用容器?
- 为何选择使用freemarker
- redis持久化RDB和AOF
- 《新生-7年就是一辈子》
- Redis持久化存储(AOF与RDB两种模式)
- HTML 入门
- 什么是 CSS
- 为何使用CSS
- CSS 如何工作
- 层叠和继承
- 选择器(Selectors)
- 创建可读性良好的 CSS
- 文本样式
- 颜色
- 内容
- 列表