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

2025-09-27 00:43:33

1、仅仅用HTML去做网页,就好像是建房子,仅仅是能住而已,甚至是“危房”,连最今本的功能“居住”都无法达到。

这样的网页智能说“可以看”,但是和美观、时尚等基本就无缘了。

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

2、而CSS就像是一件美丽的外衣,一件时尚的化妆品,谁都可以使用,当然要符合自己(比如黑丝,但是粗腿的女人在穿的时候......)才好。

就房子而言,通过CSS给他装修、加固,自然就更好看,住的也更舒服。

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

3、CSS---Cascading Style Sheets,翻译成中文就是层叠样式表。

样式定义如何显示 HTML 元素,元素受控于样式。

就好比人,通过HTML创建一个人,在HTML中规定了人有头、身体、脚和胳膊,人的头上有眼睛等五官,手上有5指等。但这个人的五官是什么样子?皮肤什么颜色?多高?穿什么衣服?都是由CSS修饰的。

所以,HTML仅仅用来表示“结构”,就是网页上要显示什么东西,有什么样的架构。而CSS用来表示“表现”,比如什么颜色,框架的高与宽、应该处于什么位置等等。

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

4、其实,原本是没有CSS这么一说的。HTML标签本来也是用来定义文档的内容,也就是所谓的结构,比如 <h1>、用来说明这是标题、这是段落。而布局等右浏览器构成。

但不得不说栗亲,人在江湖漂,哪能不挨刀。各种浏览器的大佬,比如IE、火狐等,相互竞争!我开发一堆你没有的功能,他再开发一堆我没有的功能,导致HTML非常的杂乱,就如同现在一样,明明只是用来定义结构的东西,结果加入了一堆美化的属性在里面,比如定义了颜色、背景、大小、边框等等,同时还有各种浏慎婶览器不兼容的问题。

整个网页的代码非常的杂乱、难看!这就是浏览器大战的结果。

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

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

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

6、将结构与表现进行分离,只看HTML的代码将会非常的简单,一下就能看到网页要表现什么内容、那些内容。而CSS用来实现如何去表现这些内容。最后实现一个好看的网页。

所以,你是你,我是我,HTML和CSS在一起,将会更好更完美,分开各干各的事情,或者HTML“更换”个CSS,展现另外一种表现方式,也不是不可以祝排拒的,就如同恋人一般。

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

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢