CSS例子 - 一个HTML页面拥有多种样式!

在这里,我们将显示一个HTML页面,它包含四个不同的样式表.单击"样式一","样式二","样式三","样式四"来更换不同的样式表.

为什么用CSS?

CSS用于定义网页的样式,包括不同设备和屏幕大小的设计、布局和显示变化.

CSS解决了一个大问题

HTML从未打算包含用于格式化网页的标记!

创建HTML是为了描述网页的内容,例如:

<h1>这是标题</h1>

<p>这是段落...</p>

当HTML 3.2规范中添加了诸如<font>和color属性之类的标记时,这对Web开发人员来说是一场噩梦的开始.大型网站的开发,将字体和颜色信息添加到每一个页面上,成为一个漫长而昂贵的过程.

为了解决这个问题,万维网联盟(W3C)创建了CSS.

CSS从HTML页面中删除了样式格式!

CSS节省了很多工作!

样式定义通常保存在外部.css文件中.

使用外部样式表文件,只需更改一个文件即可更改整个网站的外观!