css格式化网页设置 |左图右文 css

body {
font-family: sans-serif;
background-color: #F2F2F2;
}
h1, h2, h3 {
font-family: 'Montserrat', sans-serif;
color: #333;
}
a {
color: #0099FF;
text-decoration: none;
transition: color 0.2s linear;
}
a:hover {
color: #0066CC;
}

在编写CSS样式表时，大家可以对不同的HTML元素应用不同的样式，而不是需要改变每个元素的HTML代码。这极大地简化了网页的开发，提高了效率。

大家可以通过在HTML文档的标签中使用标签将CSS样式表链接到HTML文档中，例如：

这个链接会告诉浏览器去获取名为styles.css的CSS文件，然后应用在HTML文档中。同时，大家也可以在HTML文档中使用标签内联应用样式，但这往往比较繁琐。

CSS样式表也支持继承和覆盖，这意味着大家可以根据元素在HTML文档中的位置、类别或ID等属性控制样式。例如：

.menu li {
display: inline-block;
margin-right: 10px;
}
.dropdown-menu {
background-color: #333;
color: #FFF;
}
.footer {
background-color: #F2F2F2;
padding: 20px;
}
.footer h3 {
font-size: 18px;
text-transform: uppercase;
margin-bottom: 10px;
}

这个CSS样式表中，.menu li表示所有在类名为menu的元素中的li元素；.dropdown-menu表示所有类名为dropdown-menu的元素；.footer h3表示所有在类名为footer的元素中的h3元素。通过这些选择器，大家可以非常方便地控制网页元素的样式。