css中文解释 |css 图片3像素

p {
color: red;
font-size: 16px;
line-height: 1.5;
margin-bottom: 20px;
border: 1px solid #ccc;
background-color: #f5f5f5;
}

上述代码是一个比较简单的CSS样式表的例子。通过定义<p>（段落）元素的样式，你可以改变所有页面上的段落的样式。

CSS的语法比HTML简单，但是效果却十分强大。它使用了一系列属性和值来定义每一个元素的外观，这些属性和值可以通过多种方式进行组合和继承。比如：

h1 {
font-size: 36px;
}
a {
color: blue;
text-decoration: none;
}
a:hover {
color: red;
}

上述代码定义了标题（<h1>）和链接（<a>）元素的样式。<h1>元素的字体大小为36像素，<a>元素的字体颜色为蓝色，同时不要下划线。当鼠标悬停在链接上时，字体颜色会变成红色。

CSS可以使用类（class）和id来选择元素。类选择器使用” . “符号，id选择器使用 “#” 符号。比如：

.button {
background-color: #008CBA;
color: white;
padding: 10px 20px;
border-radius: 5px;
}
#header {
background-color: #333;
color: white;
padding: 10px;
}

上述代码定义了一个按钮的样式和页面头部元素的样式。class为” button “的元素会出现一个蓝色背景和带圆角的白色边框。id为“ header ”的元素包括页面标题和导航条，它们的背景颜色为黑色，字体颜色为白色。

CSS还有很多不同的属性和值可以使用。你可以参考CSS手册，学习更加高级的CSS样式表的使用方法。