如何添加CSS_内联样式

当浏览器读取一个样式表时,它将根据样式表中的信息对HTML文档进行格式化。

CSS中有三种插入样式表的方法,分别是内联 CSS、内部 CSS和外部 CSS。我们先来讲解内联 CSS。

内联 CSS,也称之为内联样式,也称行内样式。它被用来为 一个单一的元素应用一个独特的样式。

要使用内联样式,需要将样式属性添加到相关的元素中。样式属性可以包含任何 CSS 属性。

比如,在 div 上添加内联样式,需要定义一个 style 属性,style 就是风格、样式的意思。值为任何的 CSS 语法。

我们来举个例子。

打开编辑器,新建一个文件夹,取名为 002-add-css,在文件夹里创建 inline.html 页面。

写好基础 HTML,添加一个 h1 元素,填入一些文本。给 h1 定义 style 属性,属性值是任意合法的样式声明。我们就给它定义 color 属性,值为 blue;定义 text-align 属性,值为 center。保存。

在浏览器里看到这个鲜明的蓝色居中的标题。

我们再添加一个 p 元素,把问题的解答填入进来。给 p 元素定义 style 属性,属性值为 color red。保存。

红色的答案就做好了。

在这里需要提醒大家:

第一,在这个语法结构中,标签直接作为选择器使用。

第二,最后一个样式声明可以不用添加分号,但是还是建议大家都添上,这样可以避免再添加新的样式声明的时候漏填,导致代码报错。

内联样式我们就讲完了。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容