css的引用方式以及用css控制標簽屬性

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=""/>

                 三種方式的等級：內嵌>內聯>外聯

幾個小練習！

第一個習題：

<div id="demo1">
                <b><span style="color：red">如何去掉a標簽</span>的<span  style="color：red">下划線</span>的各種樣式詳解</b><br />
                <p>首先來了解下標簽的一些樣式：標簽的偽類樣式一組專門的預定義的類稱為偽類，主要用於處理超鏈接的狀態
                </p>
        </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>