AI 中文社
Copyright © 2022-2024 aizws.net · 网站版本: v1.2.6·内部版本: v1.23.3·
页面加载耗时 0.00 毫秒·物理内存 60.2MB ·虚拟内存 1299.8MB
欢迎来到 AI 中文社区（简称 AI 中文社），这里是学习交流 AI 人工智能技术的中文社区。 为了更好的体验，本站推荐使用 Chrome 浏览器。
CSS 简介
CSS 指的是层叠样式表 (Cascading Style Sheets)，它描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素。
CSS 节省了大量工作。它可以同时控制多张网页的布局，外部样式表存储在 CSS 文件中。
1. CSS 演示 - 一张 HTML 页面 - 多个样式！
下面是一张提供了四个不同样式表的 HTML 页面。请单击下面的样式表链接，来查看不同的样式：
2. 为何使用 CSS？
CSS 用于定义网页的样式，包括针对不同设备和屏幕尺寸的设计和布局。
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
3. CSS 解决了一个大问题
HTML 从未打算包含用于格式化网页的标签！
创建 HTML 的目的是描述网页的内容，例如：
<h1>这是一个标题。</h1> <p>这是一个段落。</p>
将 <font> 之类的标签和 color 属性添加到 HTML 3.2 规范后，Web 开发人员的噩梦开始了。大型网站的开发将字体和颜色信息添加到每个页面中，这演变为一个漫长而昂贵的过程。
为了解决这个问题，万维网联盟（W3C）创建了 CSS。
CSS 从 HTML 页面中删除了样式格式！
4. CSS 节省了大量工作！
样式定义通常保存在外部 .css 文件中。
通过使用外部样式表文件，您只需更改一个文件即可更改整个网站的外观！
下一章：CSS 语法
CSS 规则集（rule-set）由选择器和声明块组成。选择器指向您需要设置样式的 HTML 元素。声明块包含一条或多条用分号分隔的声明。每条声明都包含一个 CSS 属性名称和一个值，以冒号分隔。多条 CSS 声明用分号分隔，声明块用花括号括起来。