前端学习

CSS接入的四种方式

2018-12-04  本文已影响0人  本来无一物_f1f2

1.内联

内联式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下: <head> <style type="text/css"> ...此处写CSS样式 </style> </head>缺点是对于一个包含很多网页的网站,在每个网页中使用内联式,进行修改样式时非常麻烦。单一网页可以考虑使用内联式。

2.内嵌

具体表现形式<a class="g" style="background:red;"></a>

3.外联

也是将一个.css文件引入到HTML文件中,在网页的<head></head>标签对中使用<link>标记来引入外部样式表文件,使用语法如下: <link rel="stylesheet"href="./a.css">

4.链接式

在css文件中@import url(./b.css);
总结:一般来说,做网站时把样式多写在多个样式表文件中,因此我们先用外联式引入一个总的CSS文件,然后在这个CSS文件中在使用导入式来引入其他的CSS文件。

上一篇 下一篇

猜你喜欢

热点阅读