<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    2. 

    <del id="afajh"><form id="afajh"></form></del>
    

    5. 

        1. <th id="afajh"><progress id="afajh"></progress></th>

          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>
          4 個(gè)關(guān)鍵的CSS 屬性，幫助你快速入門CSS
          共
                1488字，需瀏覽
                    3分鐘
                
           ·
          2021-09-08 01:28
          
                    

                    
                    
                    
                    
          英文 | https://javascript.plainenglish.io/4-key-css-properties-explained-in-4-minutes-9567d1b5af86
          翻譯 | 小愛

          1、Display
          指定元素的顯示行為。
          它需要許多不同的值，但坦率地說，在大多數(shù)情況下你將只使用 4 個(gè)值。
          • block：CSS 中的塊級(jí)元素，它占用盡可能多的空間，但它們不能放置在同一水平線上。開發(fā)人員主要使用塊級(jí)元素來簡化布局過程，因?yàn)樗麄兡軌蚋淖兯麄冞x擇的元素的寬度和高度。
          • inline：這是默認(rèn)值，如果沒有指定任何其他顯示值，元素可以并排放置在與內(nèi)聯(lián)元素相同的水平線上。像<strong>、<em>、<a> 等 HTML 標(biāo)簽就是內(nèi)聯(lián)元素的好例子，我們無法控制它們的寬度和高度。
          • inline-block：你可以將其視為塊元素和內(nèi)聯(lián)元素的組合值，你可以在其中設(shè)置它們的寬度和高度，并且元素可以毫無問題地出現(xiàn)在同一水平線上。
          • none：使用此值可以從網(wǎng)頁中隱藏元素。您可以在下拉菜單中使用它，當(dāng)你將鼠標(biāo)懸停在導(dǎo)航菜單上時(shí)會(huì)顯示附加信息。
          2、Float
          float 屬性用于定位和格式化內(nèi)容。
          簡單來說，float 屬性管理HTML內(nèi)容在父容器一側(cè)邊緣的位置。
          例如，
          Float 屬性接受多個(gè)屬性，但你將使用其中的 3 個(gè)，分別是 right、left 和 none。
          3、Background
          為元素添加背景效果。
          它只是指 HTML 元素的背景，大多數(shù)時(shí)候開發(fā)人員在多個(gè)背景屬性之間感到困惑。但是，如果你對(duì)如何在 CSS 中選擇背景有一個(gè)清晰的解釋，那么使用 HTML 元素會(huì)容易得多。
          你需要了解 4 種主要類型的背景屬性：
          background-color：應(yīng)用元素的背景顏色，并采用十六進(jìn)制或 RGB 值。
          background-image：將圖像應(yīng)用為背景，并使用路徑 URI 或 URL 來訪問圖像資源。
          background-repeat：你可以使用這些值，如果寬度超過背景大小，則使應(yīng)用的背景重復(fù)自身。
          background-position：可以控制背景相對(duì)于HTML元素的位置，這里需要兩個(gè)值，X & Y。X是離左邊的偏移值，Y是離頂部的偏移值。
          4、Position
          此屬性指定用于元素的定位方法的類型。
          如果你想掌握一些布局技巧，這個(gè) CSS 屬性是非常重要的，因?yàn)榇蠖鄶?shù)時(shí)候開發(fā)人員會(huì)在 CSS 中定位元素，使用正確的定位值可以輕松完成工作。
          大多數(shù)情況下，你將使用以下 3 個(gè)值：
          絕對(duì)：絕對(duì)定位的元素查找本身具有相對(duì)、絕對(duì)或固定位置的父后代元素。
          相對(duì)：具有相對(duì)位置的元素將相對(duì)于其正常位置進(jìn)行定位。
          固定：具有固定位置的元素相對(duì)于視口定位，但是，頂部、底部、左側(cè)和右側(cè)屬性用于定位元素。
          例如;
          當(dāng)子元素被定位為absolute時(shí)，我們可以通過top、left、bottom值來控制它在整個(gè)body元素中的位置。你可以將其稱為獨(dú)立子元素，其中 body 元素是父元素。
          但是，當(dāng)我們?yōu)楦冈兀ㄋ{(lán)色容器）提供相對(duì)位置時(shí)，所有具有絕對(duì)位置的元素都將落入新的父元素之下。
          你可以觀察到，當(dāng)我們將相對(duì)位置值傳遞給父元素時(shí)，子元素的高度現(xiàn)在是相對(duì)于父元素的。
          本文完~
          學(xué)習(xí)更多技能
          請(qǐng)點(diǎn)擊下方公眾號(hào)


          
                
          瀏覽
                    63
          點(diǎn)贊
    
          評(píng)論
    
          收藏
    
          分享
        
          手機(jī)掃一掃分享
          分享
    
          
        舉報(bào)
    
          評(píng)論
          圖片
          表情
          推薦
        
          點(diǎn)贊
    
          評(píng)論
    
          收藏
    
          分享
        
          手機(jī)掃一掃分享
          分享
    
          
        舉報(bào)
    
          

          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            2. 

            <del id="afajh"><form id="afajh"></form></del>
            

            5. 

                1. <th id="afajh"><progress id="afajh"></progress></th>

                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  

亚洲午夜无码
|
成了人av
|
一级无码片
|
最好看2019中文在线播放电影
|
资源av|