在一个html中嵌套几个css样式文件要怎么做?
CSS样式的引用方式有三种:行间样式表、内部样式表、外部样式表。 嵌套多个css样式需要使用外部样式表,所以这里就不详细介绍了。 外部样式表是CSS应用中最好的一中形式,它将CSS样式代码单独放在一个外部文件中,再由网页进行调用。多个网页可以调用一个样式文件表,这样能够实现代码的最大限度的重用及网站文件的最优化配置,格式如下<html> <head> <title>外部样式表</title> <link rel="stylesheet" rev="stylesheet" href="style.css"> </head> <body> <h1>我的CSS样式。</h1> </body></html> 在style.css中的代码为h1{font-size:12px; color:#000FFF }我们在<head>中使用了<link>标签来调用外部样式表文件。将link指定为stylesheet方式,并使用了href="style.css"指明样式表文件的路径便可将该页面应用到在style.css中定义的样式。要嵌入多个样式表,需要多调用几次,例如:<link rel="stylesheet" rev="stylesheet" href="style.css"><link rel="stylesheet" rev="stylesheet" href="style2.css"><link rel="stylesheet" rev="stylesheet" href="style3.css">
HTML代码中src和href什么意思?
src用于替换当前元素,href用于在当前文档和引用资源之间确立联系。src是source的缩写,指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求src资源时会将其指向的资源下载并应用到文档内,例如js脚本,img图片和frame等元素。<script src ="js.js"></script>当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为什么将js脚本放在底部而不是头部。href是Hypertext Reference的缩写,指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,如果我们在文档中添加<link href="common.css" rel="stylesheet"/>那么浏览器会识别该文档为css文件,就会并行下载资源并且不会停止对当前文档的处理。这也是为什么建议使用link方式来加载css,而不是使用@import方式。