HTML网页制作:[15]什么是CSS样式表

作者:哈哈小脸 | 创建时间: 2023-07-19
在本系列之前的经验中,基本上把HTML常用的知识点就介绍了一遍,并附带了完全可以使用的代码。从这篇经验开始,进入到CSS方面的学习。 本系列经验以HTML+CSS+DIV为主。...
HTML网页制作:[15]什么是CSS样式表

操作方法

仅仅用HTML去做网页,就好像是建房子,仅仅是能住而已,甚至是“危房”,连最今本的功能“居住”都无法达到。 这样的网页智能说“可以看”,但是和美观、时尚等基本就无缘了。

而CSS就像是一件美丽的外衣,一件时尚的化妆品,谁都可以使用,当然要符合自己(比如黑丝,但是粗腿的女人在穿的时候......)才好。 就房子而言,通过CSS给他装修、加固,自然就更好看,住的也更舒服。

CSS---Cascading Style Sheets,翻译成中文就是层叠样式表。 样式定义如何显示 HTML 元素,元素受控于样式。 就好比人,通过HTML创建一个人,在HTML中规定了人有头、身体、脚和胳膊,人的头上有眼睛等五官,手上有5指等。但这个人的五官是什么样子?皮肤什么颜色?多高?穿什么衣服?都是由CSS修饰的。 所以,HTML仅仅用来表示“结构”,就是网页上要显示什么东西,有什么样的架构。而CSS用来表示“表现”,比如什么颜色,框架的高与宽、应该处于什么位置等等。

其实,原本是没有CSS这么一说的。HTML标签本来也是用来定义文档的内容,也就是所谓的结构,比如 <h1>、<p>用来说明这是标题、这是段落。而布局等右浏览器构成。 但不得不说,人在江湖漂,哪能不挨刀。各种浏览器的大佬,比如IE、火狐等,相互竞争!我开发一堆你没有的功能,他再开发一堆我没有的功能,导致HTML非常的杂乱,就如同现在一样,明明只是用来定义结构的东西,结果加入了一堆美化的属性在里面,比如定义了颜色、背景、大小、边框等等,同时还有各种浏览器不兼容的问题。 整个网页的代码非常的杂乱、难看!这就是浏览器大战的结果。

之后,W3C组织肩负起了大战之后重建美好家园的责任,并在 HTML 4.0 之外创造出样式(Style),也就是CSS。

将结构与表现进行分离,只看HTML的代码将会非常的简单,一下就能看到网页要表现什么内容、那些内容。而CSS用来实现如何去表现这些内容。最后实现一个好看的网页。 所以,你是你,我是我,HTML和CSS在一起,将会更好更完美,分开各干各的事情,或者HTML“更换”个CSS,展现另外一种表现方式,也不是不可以的,就如同恋人一般。

好啦,再后续的经验中,我会继续写关于具体的语法和使用等方面的知识,欢迎留言,有问题可以提出来。

点击展开全文

更多推荐