CSS简介

CSS是什么？

• CSS 是层叠式样式表（Cascading Style Sheets）
• CSS 介绍了HTML元素如何显示在屏幕上，纸上，或在其他媒体
• CSS 节省了大量的工作. 它可以同时控制多个网页的布局
• 外部样式表存储在CSS文件中

---

CSS 演示 - 一个HTML网页多款式！

在这里，我们将展示一个HTML网页显示四个不同的样式. 点击 "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" 链接查看不同的样式:

---

为什么要使用CSS？

CSS是用来定义网页的样式，包括设计、布局和变化，显示为不同的设备和屏幕尺寸。

---

CSS解决了一个大问题

HTML 从未打算包含格式化网页的标签!

HTML 创建用于描述网页的内容, 例如:

<h1>这是一个标题</h1>

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

当像标签，像字体和颜色属性添加到HTML 3.2规范时，它开始变为Web开发人员的噩梦。大型网站的发展，字体和颜色信息被添加到每一个页面，成为一个漫长而昂贵的过程。

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

CSS 删除格式的HTML页面!

---

CSS可以节省大量的工作!

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

当使用外部样式表文件，你可以通过只改变一个文件改变整个网站的外观!

CSS 实例

css 在线150个实例，通过本站编辑器，你可以学习在线查看修改后css的运行效果。

尝试一下!

CSS 参考手册

在编程字典中你可以找到更完整的CSS属性、选择器的语法，浏览器支持等资料.

CSS 属性
CSS 选择器参考手册
CSS 声音参考手册
CSS 单位
CSS 颜色参考手册

---

CSS 视频教程

CSS视频教程

---

CSS教程导航