css選擇器分為三種:id選擇器、class選擇器、標簽選擇器。
三者之間的等級順序:id選擇器>class選擇器>標簽選擇器
css引用也有三種方式:
1 內嵌:<div style=""><div/>
2內聯:在head領域寫<style type="text/css"><style/>
3外聯:就是另外寫一個css文件,在html中引用 用<link rel="css文件的地址" type="text/css" href=""/>
三種方式的等級:內嵌>內聯>外聯
幾個小練習!
第一個習題:
1 <div id="demo1"> 2 <b><span style="color:red">如何去掉a標簽</span>的<span style="color:red">下划線</span>的各種樣式詳解</b><br /> 3 <p>首先來了解下標簽的一些樣式:標簽的偽類樣式一組專門的預定義的類稱為偽類,主要用於處理超鏈接的狀態 4 </p> 5 </div>
第二個習題:
html部分:
<div id="demo2"> <span id="s2"><b>HTML/CSS</b></span> </div>
css部分:
#demo2{ width: 100px; height: 50px; background-color:black; text-align: center; line-height: 50px; } #s2{ color: white; }
第三個習題:
css部分:
#demo3{
width: 100px;
height: 300px;
text-align: center;
}
#demo3a{
width:100px;
height:150px ;
background-image: url(img/asp.bmp);
background-size: 100% 100%;
}
html部分:
<div id="demo3">
<div id="demo3a"></div>
<div id="demo3b">
<a href="https://www.baidu.com">asp</a>
</div>
<div id="demo3c">
簡單方便的<br />
編程工具
</div>