CSS的常用引入方式

2年前发布

510

文章目录[隐藏]

css的组成：

属性: 属性值;

‘:’是绝对不能省略的

‘;’在最后一个时可以省略

↓比如我需要把一个p标签里面的文字变成红色，那么我们可以直接这样写↓

顾名思义就是在那一行内的引入方式，直接在标签内用style引用。

<p style="color: red;">造梦空间论坛</p>

style属性内可以写css的内容，而color是表示颜色，然后颜色的属性值为red，red是红色。

优点：写起来更方便，更简单。

缺点：只能让这一个标签内有这个css属性，如果其他地方也需要这个属性时候又要重新写一遍。

内嵌样式是嵌入在head标签内的，写法

<head>
  <style>
        p {
            color: red;
        }
  </style>
</head>

优点：如果重复的文件很少，代码量也很小，那么使用这个方法写代码还是挺快的

缺点：因为它css内容全写在这个单页里面，不易后期维护，增大网站内存

外部样式有两种，一种是链接样式（推荐），一种是导入样式

链接样式就是通过link标签引入外部css文件，link标签也是需要写在head标签内

<link rel="stylesheet" href="zmkj.css">

href：指向的是目标css文件地址

优点：更方便管理，修改一个文件的css样式就能达到全局的css样式修改，真正实现了页面框架代码与表现CSS代码的完全分离

导入样式是采用@import样式导入CSS样式表。

链接样式是优先加载CSS文件到页面

导入样式是先加载HTML结构在加载CSS文件

1人已评分