CSS 简介

category: HTML / CSS

CSS 是我们用来设计网页样式的语言。

什么是CSS？

• CSS 代表层叠样式表
• CSS 描述了 HTML 元素如何在屏幕、纸张或其他媒体上显示
• CSS 节省了大量工作。它可以同时控制多个网页的布局
• 外部样式表存储在 CSS 文件中

为什么使用CSS？

CSS 用于定义网页的样式，包括设计、布局以及针对不同设备和屏幕尺寸的显示变化。

CSS 示例

body {   background-color: lightblue; }  
h1 {   color: white;   text-align: center; }  
p {   font-family: verdana;   font-size: 20px; }

CSS 解决了一个大问题

HTML 从来没有打算包含用于格式化网页的标签！ HTML 的创建是为了描述网页的内容，例如：

<h1>这是一个标题</h1>
<p>这是一个段落。</p>

当像 <font> 和颜色属性这样的标签被添加到 HTML 3.2 规范中时，它给 Web 开发人员带来了一场噩梦。大型网站的开发（将字体和颜色信息添加到每个页面）成为一个漫长而昂贵的过程。 为了解决这个问题，万维网联盟 (W3C) 创建了 CSS。 CSS 从 HTML 页面中删除了样式格式！

CSS 节省了大量工作！

样式定义通常保存在外部 .css 文件中。 使用外部样式表文件，您只需更改一个文件即可更改整个网站的外观！