您的位置：首页 > Web前端 > CSS

css引用方式

2016-06-30 21:44 344 查看

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：。。。等等

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 基础知识 css 标签

相关文章推荐

新的分享

章节导航