CSS 是网页设计中不可缺少的一部分,它可以实现网页样式的修改、美化和动画效果的添加。CSS 分为三种写法:内联式样、嵌入式样式和外联式样式。今天我们来聊一下嵌入式样式的写法。
嵌入式样式是将 CSS 样式写在 HTML 文档的 head 标签里面,使用 style 标签来定义样式。在 head 标签里面使用<style>...</style>包裹需要定义的样式,其中方括号里面是需要定义样式的标签名或 class 名称。
在上面的例子中,定义了所有 p 标签应该有的样式,包括字体大小、文字颜色、行高和底部边距。除了 p 标签,也可以定义其他标签或者类名的样式。
嵌入式样式的优缺点都非常明显。优点是定义的样式只作用于当前页面,不会影响到其他页面的样式;缺点则是当需要修改某个样式时,必须要修改所有的相关样式,这就会导致代码冗长,重复度高。所以在实际开发中,嵌入式样式一般用于定义少量的样式,或者是对于整个页面都要使用的样式。
现在我们已经知道了嵌入式样式的写法和使用场景,接下来就可以愉快地使用 CSS 来美化我们的网页了!