css 剩下的占完 |css 带.的写法

CSS 样式通常写在样式表文件中，这样可以实现代码复用。在 HTML 文档中，可以通过 link 标签将样式表文件连接到文档中。也可以通过 style 标签将样式直接写在 HTML 文件中。如果样式冲突了，就会遵循“层叠样式表”的算法，将多个样式合并起来，以最终的结果作为最终的样式。

/*样式表文件中的样式*/
body {
font-size: 14px; /*调整字号*/
background-color: lightblue; /*设置背景颜色*/
}
h1 {
color: red; /*设置标题颜色*/
}

CSS 的选择器可以通过元素名、类名、id 值等等来选择对应的元素，再对它们应用指定的样式。这使得在页面布局时可以非常方便地选择指定的元素进行样式调整。

/*通过类名选择元素*/
.my-element {
color: blue;
font-weight: bold;
}
/*通过id值选择元素*/
#my-element {
font-style: italic;
}

除了基本样式调整外，CSS 还可以实现各种效果，比如：动画、渐变、阴影等等。这些效果可以通过 CSS 属性来实现，使得页面更加生动、美观。

/*使用 CSS 实现动画效果*/
@keyframes my-animation {
from { /*开始状态*/
transform: rotate(0deg);
}
to { /*结束状态*/
transform: rotate(360deg);
}
}
.my-element {
animation: my-animation 2s infinite linear; /*应用动画效果*/
}

综上所述，CSS 是网页设计中不可或缺的一部分，它通过在 HTML 中添加样式来控制网页的外观和布局。无论是基本的样式调整，还是高级的效果实现，CSS 都可以通过简单的属性设置来实现，为网页创造更具吸引力的外观。