网页引入css样式的几种方法

本文介绍了网页引入css样式的几种方法,包括内联式样式表、嵌入式样式表、外链式、导入式,大家参考使用吧

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

复制代码
代码如下:

www.0133.cn



复制代码
代码如下:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">


CSS在网页中应用的方式_内联式


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


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


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


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


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




嵌入式样式表:使用标签嵌入到HTML文件的头部中标记中,如:


复制代码
代码如下:



复制代码
代码如下:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">


CSS在网页中应用的方式_嵌入式


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">


CSS在网页中应用的方式_





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


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


部署进一步加强和改进低保工作
决定将《社会救助暂行办法(草案)》向社会公开征求意faksdjfkasfkasdfj



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

复制代码
代码如下:



复制代码
代码如下:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">


CSS在网页中应用的方式_导入式


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


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


部署进一步加强和改进低保工作
决定将《社会救助暂行办法(草案)》向社会公开征求意faksdjfkasfkasdfj



以上就是网页引入css样式的几种方法的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS 教程