网页引入css样式的方法有哪些

本篇内容介绍了“网页引入css样式的方法有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

主要从事网页设计、PC网站建设(电脑版网站建设)、wap网站建设(手机版网站建设)、成都响应式网站建设公司、程序开发、微网站、微信小程序定制开发等,凭借多年来在互联网的打拼,我们在互联网网站建设行业积累了丰富的网站设计、成都网站建设、网络营销经验,集策划、开发、设计、营销、管理等多方位专业化运作于一体,具备承接不同规模与类型的建设项目的能力。

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

代码如下:


www.cdcxhl.com

代码如下:


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样式的方法有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


本文标题:网页引入css样式的方法有哪些
文章出自:http://pwwzsj.com/article/igocph.html