CSS学习笔记（更新）

最新推荐文章于 2024-03-29 03:55:46 发布

是00酱

最新推荐文章于 2024-03-29 03:55:46 发布

阅读量94

点赞数

文章标签： css

本文链接：https://blog.csdn.net/m0_51343122/article/details/119462416

版权

5. CSS引入方式

5.1 CSS的三种样式表

按照CSS样式书写的位置或者引入方式，CSS样式表可以分为三大类：

1.行内样式表，行内式

2.内部样式表，嵌入式

3.外部样式表，链接式

5.2 内部样式表

内部样式表（内嵌样式表）是写到HTML页面内部，是将所有CSS代码抽取出来，单独放到一个style标签中。

1.style标签理论上可以放在HTML文档的任何地方，但一般会放在文档的head标签中

2.通过此种方式，可以方便控制当前整个页面中的元素样式设置

3.代码结构清晰，但是并没有实现结构与样式完全分离

4.在练习时常使用

5.3 行内样式表（行内式的引入）

 <head>
    <meta charset="UTF-8" />
    <title>css行内样式表</title>
  </head>
  <body>
    <p style="color:tomato">行内样式表</p>
  </body>

1.适合比较简单的样式

2.在双引号中间，写法要符合css规范

3.可以控制当前的标签设置样式

5.4 外部样式表

html文件中：

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>css外部样式表</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <div>外部样式表</div>
  </body>
</html>

css文件中

div{
    color: blue;
}

1.新建一个后缀名为.css的样式文件，把所以css代码都放入此文件中

2.在HTML页面中，使用<link>标签引入这个文件

ref 定义当前文件与被链接文档之间的关系，在这里需要指定为“stylesheet”,表示被链接的文档是一个样式表文件

href定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径

开发中常使用

是00酱

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS学习笔记（更新）

5. CSS引入方式5.1 CSS的三种样式表按照CSS样式书写的位置或者引入方式，CSS样式表可以分为三大类：1.行内样式表，行内式2.内部样式表，嵌入式3.外部样式表，链接式5.2 内部样式表内部样式表（内嵌样式表）是写到HTML页面内部，是将所有CSS代码抽取出来，单独放到一个style标签中。1.style标签理论上可以放在HTML文档的任何地方，但一般会放在文档的head标签中2.通过此种方式，可以方便控制当前整个页面中的元素样式设置3.代码结构清晰，但是并
复制链接

扫一扫