在html文档中引用css有几种方式?分别是什么?

html-css014

在html文档中引用css有几种方式?分别是什么?,第1张

一般来说只有3种:

1.最常用的,引入样式表,在样式表中编写样式,引入方式如下:

<link href="css/style.css" rel="stylesheet" type="text/css">

2.在Html头部用<style></style>包起来,在这里面编写样式:

<style type="text/css">

*{

padding: 0margin: 0

}

</style>

3.在标签里面直接编写行内样式。

<div style="color: #333"><div>

当然还有一种方式是用JS直接更改或者赋值给某个标签,但是其实是属于第三种的范围的

HTML文档制作不是很复杂,且功能强大,支持不同数据格式的文件镶入,这也是WWW盛行的原因之一,其主要特点如下:

1 简易性,HTML版本升级采用超集方式,从而更加灵活方便。

2 可扩展性,HTML语言的广泛应用带来了加强功能,增加标识符等要求,HTML采取子类元素的方式,为系统扩展带来保证。

3 平台无关性。虽然PC机大行其道,但使用MAC等其他机器的大有人在,HTML可以使用在广泛的平台上,这也是WWW盛行的另一个原因

Div+CSS

标准具有以下优点

1、缩减代码,提高页面浏览速度。

采用CSS布局,不象表格布局充满各种各样的属性和数字,而且很多css文件通常是共用的,从而大大缩减页面代码,提高页面浏览速度。

2、结构清晰,对搜索引擎更加友好。

更容易被搜索引擎收录,具备搜索引擎SEO的先天条件,配合优秀的内容和一些SEO处理,可以获得更好的网站排名。

3、支持各种浏览器,兼容性好。

符合web标准规范的发展趋势,可以在几乎所有的浏览器上都可以使用,不会出现在不同的浏览器中效果差距很大的情况。

4、简单的修改,缩短改版时间。

因为网站的布局都是通过外部的css文件来控制,只要简单的修改几个CSS文件就可以将许多网页的风格格式同时更新,不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个

CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。

5、强大的字体控制和排版能力。

CSS控制字体的能力比糟糕的FONT标签好多了,CSS不再需要用FONT标签或者透明的1px图片来控制标题、改变字体颜色、字体样式等等。

6、使用CSS可以结构化HTML,提高易用性。

例如:

p标签只用来控制段落

h1-h6标签只用来控制标题

table标签只用来表现格式化的数据等等。你可以增加更多的用户而不需要建立独立的版本。

7、更好的扩展性。

你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint等。

8、更灵活控制页面布局。

通常页面的下载是按照代码的排列顺序,而表格布局代码的排列代表从上向下,从左到右,无法改变。而通过CSS控制,您可以任意改变代码的排列顺序,比如将重要的右边内容先加载出来。

9、表现和内容相分离,干净利落。

将设计部分剥离出来放在一个独立样式文件中,而网页主要来放置您的内容,你可以减少未来网页无效的可能。

10、更方便搜索引擎收录,并获得更高的评价。

用只包含结构化内容的HTML代替嵌套的标签,主次分明,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。

11、优化了表结构。

Table表格布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。

而Div 更能体现样式和结构相分离,结构的重构性强。Table表格布局灵活性不大,你只能遵循

table tr td 的格式。而div你可以div ul li 也可以ol li 还可以 ul li......

12.更快加载带有图片的页面。

以前一些必须通过图片转换实现的功能,现在只要用CSS就可以轻松实现,从而更快地下载页面。

这个要和javascript一起说,html是网页的结构,css是网页的外观,而javascript就是网页的行为,结构,外观,行为分离作为web开发的一般准则,最简单的一个例子,请看:

http://ucdchina.com/snap/8275

使用css的原因就是保持html结构的清晰,剥离结构和表现的混沌状态,对于表现的重用和方便管理修改。