引用方式,就是如何把CSS跟HTML結(jié)合起來(lái)使用,這里不討論CSS的具體屬性設(shè)置等
<h6>1.行內(nèi)樣式:</h6>
直接在標(biāo)簽中使用style屬性
<p style="color:#0F6;font-familly:cursive;font-size:22px;width:200px;height:50px;background-image:url(./程序員.jpg)">愛(ài)情來(lái)得太快就像龍卷風(fēng)</p>
<h6>2.內(nèi)部樣式:</h6>
在<HTML>和<BODY>標(biāo)簽之間插入一個(gè)<STYLE>...</STYLE>塊對(duì)象
<style type="text/css">
p{
color:#C90;
font-size:20px;
font-family:"Comic Sans MS", cursive;
width:200px;
height:60px;
border:1px;
border-style:dashed;
border-color:#F00;
}
</style>
使用:
<p>我曾經(jīng)愛(ài)過(guò)這樣一個(gè)男人</p>
<h6>3.外部樣式:</h6>
使用<link>標(biāo)簽引用外部css文件
Demo.css
p{
color:#C90;
font-size:20px;
font-family:"Comic Sans MS", cursive;
width:200px;
height:60px;
border:1px;
border-style:dashed;
border-color:#F00;
}
在<head>標(biāo)簽中把外部css文件鏈接進(jìn)來(lái)
<link href="./myCss.css" type="text/css" rel="stylesheet"/>
使用:
<p>我曾經(jīng)愛(ài)過(guò)這樣一個(gè)男人</p>