css引用方式

来源：互联网发布：网络宣传公司编辑：程序博客网时间：2024/04/30 10:51

css分为3种引用方式：

1.内联方式：将代码直接写在标签属性“style”中

<span style="white-space:pre"></span><h1 style="color=red">

<span style="white-space:pre"></span>缺点--->内联方法不能重用，不灵活。

2.内部样式表：将代码写在头<head>标签的中的<style></style>中（内部引用）：

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

缺点----》内部引用仅在当前文档中可以引用，不足够灵活。

3.外部样式表：讲代码写在.css文件中，在<head>中用<link />引用文件：

h1{     color:red;}

实现真正意义上的重用，代码使用灵活，推荐优先使用。

结构和样式分离的优点：

1：便于修改设计，易于维护；

2：页面加载更快：

网页大部分代码存在.css中，将页面体积变小，浏览器加载速度更快；

3：有利于网站风格的的一致性；

4：更容易被搜索引擎收录：

网页大部分代码存在于.css中，网页中代码更适合搜索引擎；

5：。。。等等

1 0