第1课:CSS是什么?
第1课:CSS是什么?
也许你曾听说过CSS,但并不真正清楚CSS到底是什么。在这一课,你将学到更多CSS的知识,并了解CSS可以做些什么。
CSS是Cascading Style Sheets(级联样式表)的缩写。
可以用CSS做什么?
CSS是一种样式表语言,用于为HTML文档定义布局。例如,CSS涉及字体、颜色、边距、高度、宽度、背景图像、高级定位等方面。拭目以待吧!
HTML可以用于为网站添加布局效果,但有可能被误用。而CSS则提供了更多选择,而且更为精确、完善。现在所有浏览器都支持CSS。
经过下面若干课的学习之后,你将能够制作自己的CSS样式表,为自己的网站增添花样了。
CSS跟HTML的区别在哪里?
HTML用于结构化内容;CSS用于格式化结构化的内容。
嗯,这听上去有点技术性并令人疑惑。不过没关系,我们继续学习。过会儿你就明白了。
在Tim Berners-Lee发明万维网(World Wide Web)的那个年代,HTML语言是唯一用于给文本添加结构的语言。作者可以通过声明“这是一个标题”(利用h1
标签)或“这 是一个段落”(利用p
标签)的方式来标记文本。
随着Web逐渐流行起来,网页设计者们开始寻求为网页增添布局的可能性。为此,当时的浏览器厂商们(网景公司和微软公司)发明了一些新的HTML标 签(比如<font>
等),以引入了新的布局——而非新的结构。
这也导致了原本用于进行文本的结构化的标签(比如<table>
等)越来越多地被误用于进行页面的布局。许 多新的布局标签(比如<blink>
)只有一种浏览器支持。“您需要使用某某浏览器来浏览本页面”成为当时常见于 许多网站的声明。
CSS的发明正是为了改善这一状况,它为Web设计师们提供了完善的、所有浏览器都支持的布局能力。而且,文档的表现样式与内容的分离,也令网站维 护容易了许多。
采用CSS有哪些好处?
CSS是Web设计界的一次革命。CSS的具体优点包括:
- 通过单个样式表控制多个文档的布局;
- 更精确的布局控制;
- 为不同的媒体类型(屏幕、打印等)采取不同的布局;
- 无数高级、先进的技巧。