CSS 样式表

来源：互联网发布：foreach循环遍历数组编辑：程序博客网时间：2024/06/01 10:29

CSS 样式表加载总结（即：样式表和网页结合的方式），有 4 种（内部样式、行内样式、外部样式、导入样式）
内部样式：就是将CSS代码写在style 样式中，在放入head区域内；
行内样式：将CSS代码直接写在HTML的标签中；
<div style="background-color: #b3d4fc ;width: 100px;height: 100px" >哈哈</div>
外部样式：把CSS代码写在一个单独的外部文件中，放在 <head>区内，再使用link标签将CSS 样式文件链接到HTML文件中。
<link rel="stylesheet" href="css.css" text="text/css”>，其中， rel属性规定当前文档和被链接的文档之间的关系，rel="stylesheet”表示被链接的文档是一个样式表，href属性规定被链接文档的位置（url）；type属性规定被链接文档的MIME类型，MIME为"text/css”，该类型表述样式表。
导入样式：
<style>
@import "css1.css";
</style>
- 4 中方式的优先级：行内样式 >内部样式 > 外部样式 >导入样式。 ⚠️内部样式 > 外部样式有一个前提：内部样式css 样式的位置一定放在外部样式的后面。

0 0