本文介绍了CSS在WEB程序设计中的重要性，包括样式重用、内容与表现分离以及提高页面加载速度的优点。文章详细阐述了在HTML中应用CSS的四种方式：行内样式、内部样式、链接样式和导入样式，并探讨了它们的优先级。此外，还讲解了CSS的基本语法、选择器类型以及常用的文本和背景属性。同时，提供了一个练习案例，帮助读者巩固所学知识。
WEB程序设计之CSS（一）
CSS（层叠样式表）：用于控制网页的表现
一、优点：
1、便于页面风格的统一和修改（样式重用、高效率开发）
2、实现表现和内容相分离（方便维护、错误修改、界面调整更加容易）
3、简化网页，提高页面浏览速度（减少文件量，降低服务器带宽成本，加快网页解析速度）
二、在html中使用css的四种方法
1、行内样式：混合在HTML标记里使用，对每个元素单独定义样式
<span style="font-family:SimSun;font-size:18px;"> <p style="color:blue">文字</p></span>2、页面内部样式
在HTML的头部标签<head>与</head>之间添加样式
<span style="font-family:SimSun;font-size:18px;"> <head>
<style>
p{color:blue;}
</style>
</head></span>如果一个网站有很多页面，每一个文件都会变大，后期维护难度也大，如果文件很少，CSS代码也不多，这种方式还是很不错的。
3、链入外部样式
把样式表保存为一个样式表文件，然后在页面中使用<link/>标签链接到这个CSS文件。
最低0.47元/天 解锁文章
扫一扫
1062
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
