/* 改变标题颜色 */
h1 {
color: red;
}
/* 设置背景色 */
body {
background-color: lightblue;
}
/* 调整段落间距 */
p {
margin-bottom: 20px;
}
/* 添加阴影效果 */
.box {
box-shadow: 2px 2px 2px grey;
}
/* 设置字体大小 */
h2 {
font-size: 24px;
}
/* 实现弹出效果 */
.popup {
display: none;
}
.popup.active {
display: block;
}
/* 调整图片大小 */
img {
width: 100%;
height: auto;
}以上代码涵盖了一些常用的CSS样式，如颜色、背景、间距、阴影、字体大小、弹出等等。通过这些简单的CSS代码，大家可以使网页元素更加美观和易于阅读。
需要注意的是CSS样式可以应用于HTML文档的任何元素，只需要找到对应的选择器即可。在CSS中，选择器表示要应用样式的HTML元素。
总之，CSS是Web开发中不可或缺的重要组成部分，熟练掌握CSS基础样式可以使大家的网页更具个性化和创意，让大家的网页更加吸引人。