2024年3月25日发(作者：)

第十课：CSS样式表

10-1 认识CSS (1) 10-2 认识CSS (2)

如果说目前在Web设计和开发技术领域，什么是非常“火”的新技术，CSS/DIV页面的布局无疑是其中之一

CSS（Cascading Style Sheet），中文译为层叠样式表，是用于控制网页样式并允许将样式信息

与网页内容分离的一种标记性语言。

对于一个网页设计者来说，HTML语言一定不会感到陌生，因为它是所有网页制作的基础。但是如

果希望网页能够美观、大方，并且升级方便，维护轻松，那么仅仅HTML是不够的，CSS在这中间

扮演着重要的角色。本课从CSS的基本概念出发，介绍CSS语言的特点，以及如何在网页中引入

CSS，并对CSS进行初步的体验。（其实我们在前面的课程中已经接触到）

作用：例子演示。

从CSS对标记的控制入手，讲解CSS的初步知识以及编辑方法。希望大家能够掌握下一面几个方面

的内容：

①、标记的概念 ②、传统HTML的缺点 ③、CSS的引入

1、传统HTML标记，在批量编辑时效率低，不够标准

利用CSS样式编辑网页，可以大大挺高效率，规范网页的设计标准。

2、CSS样式代码在网页代码中的位置

CSS代码

style type="text/css">

特点：1） 灵活控制网页中的每个元素的样式

2） 把内容和格式处理相分离，提高工作效率

font-size: 12px;

color: #FF0000;

3、CSS样式的链接

10-3 编辑CSS样式(1) 10-4 编辑CSS样式(2)

如何编辑CSS样式

█ 1) 属性面板快捷操作

1、在下方的属性面板对选中的目标建立CSS规则