了解网页引入css样式

作者

网
页引入css样式的方式你了解多少呢？其实网页引入css样式的方式有四种，这是很多朋友们都不了解的，那么我们现在就去看看具体内容吧。

内联式样式表：直接写在现有的标记中，比如：
 

复制代码

代码如下:

 

www.aizhan.com

 

 

复制代码

代码如下:


http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

http://www.w3.org/1999/xhtml”>

 

 

0.5秒三分绝杀!波特兰上演波什时刻 第N次拯救热火

 

 

玩命暴扣扳平+助攻绝杀三分 热火太幸运有这颗队魂

 

 

热火今夜还一功臣必须赞 11分不多但却分分是金!

 

 

詹波为小弟恶犯叫屈 当事人他都起飞了!肯定假摔

 

 

斯帅称客战开拓者奥登不打 波什：他很快就可复出

 

 

 

 

 

 

嵌入式样式表：使用
标签嵌入到HTML文件的头部中

标记中，如：

 

复制代码

代码如下:

p{font-size:18px; color:#093;}

 

 

复制代码

代码如下:


http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

http://www.w3.org/1999/xhtml”>

p{font-size:24px; color:#F03;}

 

 

 

 

0.5秒三分绝杀!波特兰上演波什时刻 第N次拯救热火

 

玩命暴扣扳平+助攻绝杀三分 热火太幸运有这颗队魂

 

热火今夜还一功臣必须赞 11分不多但却分分是金!

 

詹波为小弟恶犯叫屈 当事人他都起飞了!肯定假摔

 

斯帅称客战开拓者奥登不打 波什：他很快就可复出

 

 

 

外链式：使用

标签调用CSS文件（开发中用这种方式）

CSS在网页中应用的方式.css
 

复制代码

代码如下:


@charset “utf-8”;

/* CSS Document */

/*

CSS文件中也可以导入其他的css文件

*/

body{

font-size:18px;

background:#FF0;

font-family:”Trebuchet MS”, Arial, Helvetica, sans-serif;

font-family:’汉仪行楷简’

}

div{

font-size:24px;

background:#0F0;

font-weight:bold;

width:60;

height:90;

}

span{

font-size:12px;

font-weight:normal;

}

 

 

复制代码

代码如下:


http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

http://www.w3.org/1999/xhtml”>

 

 

 

 

 

 

李克强主持召开国务院常务会议

 

听取最低生活保障政策落实督查情况汇报

部署进一步加强和改进低保工作

决定将《社会救助暂行办法（草案）》向社会公开征求意faksdjfkasfkasdfj

 

 

导入式：也可以使用导入方式import,但这种方式和内嵌式一样会占用网页文件的大小，并且有的浏览器解析会有问题，就是先显示网页内容在给网页内容加样式
 

复制代码

代码如下:

@import url(css文件)

 

 

复制代码

代码如下:


http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

http://www.w3.org/1999/xhtml”>

@import url(“CSS在网页中应用的方式.css”);

 

 

 

 

李克强主持召开国务院常务会议

 

听取最低生活保障政策落实督查情况汇报

部署进一步加强和改进低保工作

 

 

决定将《社会救助暂行办法（草案）》向社会公开征求意faksdjfkasfkasdfj

本文主要是带领我们了解网页引入css样式的方式，希望对大家的学习有所帮助，也希望大家多多支持爱站技术频道。