了解网页引入css样式

2019-08-14 09:38:45来源:爱站网 阅读 ()

新老客户大回馈,云服务器低至5折

页引入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文件的头部中

标记中,如:

?

复制代码
代码如下:

?

?

复制代码
代码如下:

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


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



?

?

?

?

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,但这种方式和内嵌式一样会占用网页文件的大小,并且有的浏览器解析会有问题,就是先显示网页内容在给网页内容加样式
?

复制代码
代码如下:

?

?

复制代码
代码如下:

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


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



?

?

?

?

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

?

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


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

?

?

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

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


原文链接:https://js.aizhan.com/web_authoring/css/6756.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:CSS的常用缩写语法

下一篇:设计网页时需注意的细节