<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                ## 13.4.1.概念 屬性就是特征,就是描述性信息。就像人的特征信息有:姓名,性別,學歷,年齡,身高,體重等等。 每個特征自然具有相應的特征值(數據)。 屬性名和數據值,構成“一對”,通常會稱為“名值對”。 css屬性跟html屬性對比如下: ``` html的屬性寫法: <標簽名 屬性1=”值1” 屬性2=”值2” ...... > css的屬性寫法: 選擇器{ 屬性1:值2; 屬性2:值2; ...... } ``` ## 13.4.2.屬性總覽 手冊: 《CSS2.1中文完全參考手冊.chm》 《CSS3.0(飄零霧雨版v4.2.4).chm》 各種屬性大致分類如下: ![](https://img.kancloud.cn/f5/1a/f51aaf6d13276248d0d9c07f880701d1_256x368.png) ## 13.4.3.簡單常用的幾個css屬性: ``` 1. color: 文字顏色(前景色) 2. font-size: 文字大小【px】 3. font-family: 字體,比如:微軟雅黑, 黑體,宋體,仿宋體,”Times New Roman” 4. font-style: 就是設置字形是”正體”還是“斜體”(italic) 5. font-weight: 設置是否粗體【100-900】 6. background: 背景色 7. border: 設置邊框 8. text-decoration: 【underline下劃線,line-through中劃線,overline上劃線,none不設置】設置“裝飾線”(下劃線,中劃線,上劃線) 9. text-align: 對齊 10. line-height:行高 11. width: 寬 12. height: 高 ``` ![](https://img.kancloud.cn/8b/6c/8b6cb3bd3da9028f9bd720164aee3476_810x433.png) ### 13.4.3.1.Font簡寫: ![](https://img.kancloud.cn/bc/7d/bc7d71c8370fe52e4e5e957af16e94cc_828x270.png) ### 13.4.3.2.Color:顏色 ![](https://img.kancloud.cn/aa/a6/aaa60a74dcfcd91efbad76a411a3220a_824x174.png) ## 13.4.4.顏色 ### 13.4.4.1.預定義方式: 英文單詞: red, blue, green, yellow, pink, purple ![](https://img.kancloud.cn/18/f9/18f904a9670b4e68afb152db638b30f8_819x88.png) ### 13.4.4.2.十六進制方式 ![](https://img.kancloud.cn/a9/f4/a9f42138d880292cbf42977319c086f3_827x131.png) 進制表示法: ![](https://img.kancloud.cn/8a/61/8a61a91b7471bc15c47b1123de2d6066_1275x392.png) 16進制表示法: 形式:#6個16進制數字! 前兩個數字表示“紅的配比”,中間兩數字表示綠的配比,后兩個數字表示藍的配比。 舉例: ``` color: #FF0000; color: #0F0000; color: #110000; color: #123456; color: #008800; color: #0000FF; ``` ### 13.4.4.3.RGB方式 ![](https://img.kancloud.cn/34/33/34336f69a64d8c06fb43645ded1bef67_812x249.png) RGB表示法: 將一個顏色,使用紅(R,red), 綠(G,green), 藍(B,blue)來表示。 這3個叫做“基本顏色”,都按0-255分為256個層級。 所有顏色,都可以使用這3個顏色的不同層級(配比)來調配而成。 形式:rgb(紅的配比, 綠的配比,藍的配比); 舉例: ``` color: rgb(100, 30, 70), color: rgb(255, 0, 0) //這是紅色 color: rgb(0,255, 0); //這是綠色 color:rgb(0, 0, 255); //藍色 color:rgb(255, 255, 0); //黃色 ``` ### 13.4.4.4.RGBA方式: ![](https://img.kancloud.cn/1f/d3/1fd32e4a3a7584e6c6ff89997a64932d_810x134.png) RGBA表示法: A代表“透明度”,值從0到1的小數。0表示全透明。1表示不透明,此時就是RGB顏色 形式:rgba(紅的配比, 綠的配比,藍的配比,透明度); 舉例: ``` color: rgba(100, 30, 70, 0.5), color: rgba(255, 0, 0, 0.66) //這是紅色 ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看