CSS引入方法-行内式

根据 style这一标签属性,将css键值对立即写入标签内

<p style="width: 100px;height: 100px;background: red;"></p>
 <!--注解:这一段编码叙述的是一个高宽为100px,情况为鲜红色的器皿-->

css引入方法-嵌入式(内嵌式)

应用style标签将css属性名和属性值引入到html网页页面中,一般 style标签置放在head标签中。为何css样式要置放在head标签中呢,由于编码从上向下实行,假如先载入构造,那麼客户见到的就将是干瘪的內容,而沒有根据清理,而先载入款式后载入构造,就等同于孩子出生便是衣着衣服裤子的!

 <head>
     <style type="text/css">
        p{
             width: 100px;height: 100px;background: red;
         }
     </style>
 </head>

之上编码叙述的也是一个高宽为100px,情况为鲜红色的器皿,只不过根据嵌入式引入的!

css引入方法以外链条式

根据link标签将单独的css文件引入到html网页页面中

<link rel="stylesheet" type="text/css" href="./style.css">

rel="stylesheet"叙述了当今网页页面与href所特定的文本文档的关联,即表明的是href连接的文本文档是一个新型表,type="text/css"是特定MINME种类,也就是css文档。href="./style.css"要求被连接文本文档的部位

css引入方法之导进式

<style type="text/css">
     @import url("style.css");
</style>

根据@import url引入一个单独的CSS文档,url("style.css")要求被连接文本文档的部位

到此这篇有关CSS文档中的4种引入方法:行内,内联式,外界式,导进式的文章内容就详细介绍到这了,大量有关css 引入方法內容请搜索之前的文章内容或再次访问下边的类似文章,期待大伙儿之后多多的适用!