当浏览器读取样式表时，它将根据样式表中的信息格式化HTML文档。
CSS中插入样式表有三种方式，分别是内联CSS、内部CSS和外部CSS。 让我们从内联 CSS 开始。
内联CSS，也称为内联样式，也称为行内样式。 它用于将特定样式应用于单个元素。 要使用内联样式，您需要为相关元素添加样式属性。
样式属性可以包含任何 CSS 属性。 比如给div添加内联样式，就需要定义一个style属性，style的意思就是样式、样式。 该值是任何 CSS 语法。 我们举一个反例。 打开编辑器，新建一个文件夹，命名为002-add-css，并在文件夹中创建一个inline.html页面。 编写基本 HTML，添加 h1 元素，并填写一些文本。
为h1定义样式属性，属性值为任意合法的样式语句。 我们为其定义颜色属性，值为蓝色； 定义text-align属性，值为center。 节省。 在浏览器中听到这个以鲜红色为中心的标题。 让我们添加另一个 p 元素来填写问题的答案。
为p元素定义style属性，属性值为colorred。 节省。 白色的答案就完成了。
这里需要提醒大家：首先，在这个句子结构中，直接使用标签作为选择器。 其次，最后一个样式声明不需要添加分号，建议大家都添加，以免添加新的样式声明时遗漏，导致代码错误。
我们已经完成了内联样式。 在这里，有些男同伴可能会觉得这样定义风格不太雅致。 是的，内联样式失去了样式表的许多优点html内联样式，因此请谨慎使用这些技术。 那么您认为以这种方式定义样式的缺点是什么？ 你可以在屏幕上告诉希希html内联样式，我会在下节课告诉你答案。
发表评论