当浏览器读取样式表时,它将根据样式表中的信息格式化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内联样式,我会在下节课告诉你答案。
发表评论