css三个组成部分

在网页开发中，CSS是必不可少的组成部分，它的作用是控制网页的样式和布局。而CSS又可以分为三个组成部分：

<p>1. 选择器</p>
<p>选择器是告诉浏览器哪些元素需要应用CSS样式的一种方式。常见的选择器有标签选择器、类选择器、ID选择器、属性选择器、伪类选择器等。例如：</p>
<p>标签选择器：</p>
<p><p>这是一个段落</p></p>
<p>样式：</p>
<p>p { color: red; }</p>
<p>类选择器：</p>
<p><p class="intro">这是一个介绍性段落</p></p>
<p>样式：</p>
<p>.intro { font-size: 20px; }</p>
<p>ID选择器：</p>
<p><div id="header">网站头部</div></p>
<p>样式：</p>
<p>#header { background-color: yellow; }</p>

<p>2. 属性</p>
<p>属性是给元素设置样式的方式，常见的CSS属性有字体、颜色、背景、边框、布局等。例如：</p>
<p><p>这是一个段落</p></p>
<p>样式：</p>
<p>p { color: red; font-size: 16px; }</p>

<p>3. 值</p>
<p>值是属性所要应用的样式值，例如将背景设置为红色，值就是red。常见的值有颜色、尺寸、单位、图片等。例如：</p>
<p><div>这是一个带背景图片的块级元素</div></p>
<p>样式：</p>
<p>div { background-image: url('bg.jpg'); background-size: cover; }</p>