浏览器在读取样式表时,会根据样式表中的信息对HTML文档进行格式化。CSS中插入样式表的方式有3种,分别是内联CSS、内部CSS和外部CSS。让我们从内联CSS开始。内联CSS,也称行内样式,也称行内样式。它用于将独特的样式应用于单个元素。要使用内联样式,您需要为相关元素添加样式属性。样式属性可以包含任何CSS属性。比如在div上添加一个内联样式,需要定义一个style属性,style表示样式和样式。该值是任何CSS语法。让我们举个例子。打开编辑器,新建一个文件夹,命名为002-add-css,在文件夹中新建一个inline.html页面。编写基本的HTML,添加一个h1元素,并填写一些文本。为h1定义一个样式属性,属性值为任意合法的样式语句。我们为它定义color属性,值为蓝色;定义text-align属性,值为center。节省。在浏览器中看到这个居中的亮蓝色标题。让我们添加另一个p元素来填充问题的答案。为p元素定义style属性,属性值为colorred。节省。红色答案已完成。这里需要提醒大家:首先,在这种语法结构中,直接使用了标签作为选择符。第二,最后的样式语句不需要加分号,但是建议大家加分号,以免在添加新的样式语句时遗漏,导致代码错误。我们完成了内联样式。在这里,有些朋友可能会觉得这样定义样式不够优雅。是的,内联样式失去了样式表的许多好处,应该谨慎使用。那么您认为以这种方式定义样式有什么问题呢?你可以在屏幕上告诉希希,我会在下节课告诉你答案。
