css样式表的三个组成部分：1、选择器，用于告诉浏览器指定样式将作用于页面中哪些对象；2、属性，是CSS提供的设置好的样式选项，主要包括字体属性、文本属性、背景属性、布局属性等；3、属性值，是指定属性的有效值，属性与属性值间以“:”号分割。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
在CSS样式表中包括三个部分的内容：选择符、属性和属性值。语法样式如下：
选择符{属性：属性值;}语法说明如下：
选择符（Selector）：又称选择器，是CSS中很重要的概念，所有HTML中的标记都是通过不同的CSS选择器进行控制的。
立即学习“前端免费学习笔记（深入）”；
它告诉浏览器该样式将作用于页面中哪些对象，这些对象可以是某个标签、所有网页对象、指定 class 或 id 值等。浏览器在解析这个样式时，根据选择器来渲染对象的显示效果。
属性（Property）：是 CSS 提供的设置好的样式选项，主要包括字体属性、文本属性、背景属性、布局属性、边界属性、列表项目属性、表格属性等内容。其中一些属性只有部分浏览器支持，因此使用CSS属性的使用变得更加复杂。
属性值（value）：指定属性的有效值。属性与属性值之间以“:”号分割。当有多个属性值时，使用“;”分隔。
CSS选择器常用的是标记选择器、类别选择器、包含选择器、ID选择器、类选择器等。使用选择器即可对不同的HTML标签进行控制，从而实现各个效果。下面对三种基本选择器进行详细的介绍。
1.标签选择器
HTML页面是由很多标机组成，例如图片标记、超链接标记、表格标记
| 模块名称 | 功能描述 |
|---|---|
| Basic Box Model | 定义各种与盒子相关的模块 |
| Line | 定义各种与直线相关的样式 |
| Lists | 定义各种与列表相关的样式 |
| Text | 定义各种与文字相关的样式 |
| Color | 定义各种与颜色相关的样式 |
| Font | 定义各种与字体相关的样式 |
| Background and Border | 定义各种与背景和边框相关的样式 |
| Paged Media | 定义各种页眉、页脚、页数等页面元素数据的样式 |
| Writing Modes | 定义页面中文本数据的布局方式 |
<style>
a{
font_size:9px;
color:#F93;
}
</style><html>
<style>
.one{
font-family:宋体;
font-size:24px;
color:red;
}
.two{
font-family:宋体;
font-size:16px;
color:red;
}
.three{
font-family:宋体;
font-size:12px;
color:red;
}
</style>
</head>
<body>
<h2 class="one">应用选择one</h2><!--定义样式后，页面会自动加载样式-->
<p>正文内容1</p>
<h2 class="two">应用选择器two</h2>
<p>正文内容2</p>
<h2 class="three">应用选择器three</h2>
<p>正文内容3</p>
</body>
</html><html>
<style>
#first{
font-size:18px
}
#two{
font-size:24px
}
#three{
font-size:36px
}
</style>
<body>
<p id="first">ID选择器1</p>
<p id="two">ID选择器2</p>
<p id="three">ID选择器3</p>
</body>
</html>以上就是css样式表由哪三部分组成的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
290
收藏
