CSS的引入方式

269 阅读1分钟

 按照CSS样式书写的位置(即引入的方式),CSS样式表可以分为三大类。

内部样式表(嵌入式)

内部样式表是写到html页面内部,是将所有的CSS代码抽取到标签中。

在之前的CSS学习中用的都是这种引入方式。

通过这种方式,可以方便控制当前整个页面中的元素样式设置。

在练习过程中经常用到。

行内样式表(行内式)

行内样式表是在元素标签内的style属性中设定CSS样式,适合用于修改简单样式。

语法

<p style="color: red;font-family:'宋体';">行内样式表是这样用的</p>
  • style是标签的属性
  • 在双引号中间,写法要符合CSS规范
  • 可以控制当前标签的样式
  • 不推荐使用

外部样式表(链接式)

实际开发中基本都是用外部样式表,适合样式比较多的情况。即样式单独写到CSS文件中,之后把CSS文件引入到HTML页面中使用。

推荐使用。

使用过程

1、在开发工具中新建一个CSS文件。

2、在CSS文件中直接写样式(CSS文件只有样式没有标签,不用写style属性)。

3、在HTML页面中,使用标签引入CSS文件。

<link rel="stylesheet" href="css文件路径">