如何插入CSS到html中——内部样式表、内联样式-网站技术-云服务器技术网

首页网站技术正文

如何插入CSS到html中——内部样式表、内联样式

2022-03-09 650

在77ISP学技术

每日笔记，如何插入CSS到html中三种插入方式，css内部样式表

如何插入CSS到html中——内部样式表、内联样式

当HTML读取到css样式表时，浏览器会根据它来格式化 HTML 文档。

插入样式表的方法有三种:

外部样式表(External style sheet)

内部样式表(Internal style sheet)

内联样式(Inline style)

当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用 <style> 标签在文档头部定义内部样式表，就像这样:

<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style>
</head>

由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。

要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style 属性可以包含任何 CSS 属性。本例展示如何改变段落的颜色和左外边距：

<p style="color:sienna;margin-left:20px">这是一个段落。</p>

原文链接：https://77isp.com/post/296.html

=========================================

https://77isp.com/ 为 “云服务器技术网” 唯一官方服务平台，请勿相信其他任何渠道。