<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>

                # 分類說明 > **HTML中對標簽另一種分類方式,是根據標簽在文檔中的位置特性進行分類的,它將元素分為三類:塊級元素,行內元素,行級塊元素(也稱塊級行元素)。** > 好比是 軍人,根據作戰類型,分為,空軍。陸軍,海軍,等! 以下做具體逐一說明: #### ?1.塊級元素(block) ??????    > 特點:? > (1)可以設置寬高、內、外邊距; ? ? ? ? ? ?    > (2)獨占一行(即前后均有換行);( 也就是他的誰在的空間,都不能有其他任何元素存在) ? ? ? ? ? ? ?    > (3)塊級元素如果不設置寬度和高度,則寬度默認為父級元素的寬度。高度則根據內容大小自動填充。 ? ? ???   > 常見的塊級元素: div、p、h1、h2......hn,ol、ul、dl、li、form、table ? **再后面學習這類標簽的時候一定要聯系起來** 好比:蓋房子的鋼架混凝土結構, #### 2.行級元素(inline) ? ?? ???? > ?特點:? > (1)不可設置寬高、上下內、外邊距。(左右內、外邊距設置有效) ?也就是只能控制塔的水平間距,上下是不行 > (2)其寬度和高度由其內容自動填充。** 根據內容來調整,設置是沒有用的**? ? ? ? ? ? ? ? ? ?? > (2)其他行級元素共處一行?; ? ? ? ? ?? 常見的行級元素:a、span、i、lable等 ? 都是用來做填充元素好比,蓋房子的磚塊填充, #### 3.行內塊元素(inline-block) ? > 特點: > (1)可以設置寬高、內外邊距; ? ? ? ? ? ? ? ? ? ? ?? > (2)可以與其他行內元素、內聯元素共處一行; ? ? ? ? ? ? 常見的內聯元素:input、img ? 這個有點類似,蓋房子的窗戶,窗戶就是一個四四方方的格子可以和零散磚塊在一起,能聯想起來嗎?如果可以那就你理解了!還是不能理解 #### 4.元素之間的轉化 ? ? ? ? ? ? ? ? > 可以在行內樣式或css樣式中改變元素的display將三種元素進行轉換。 ? ? ? ? ? ? ? ? > display:block;(將元素變為塊級元素) ? ? ? ? ? ? ? ? > display:inline; ?(將元素變為行級元素) ? ? ? ? ? ? ? > display:inline-block;(將元素變為行級塊元素) 這幾個的意思也就是,他們都是頁面的元素,沒有區別,但是由于人們習慣了分類,可以控制元素的各種外觀特征,所以有些元素,默認集中顯示模式,由此說明是可以根據情況,調整的,只需調整display:這個元素的屬性值即可! **理解了嗎?如果不能理解,麻煩你吃透這塊知識,必須要理解,反之你都不好意思說,你會html標記來寫網頁!** 笨方法:先抄他幾十遍,我和你一樣一開始也都不懂,甚至明天來,還是不能明白! 萬篇網頁,元素結構分類起!,加油!!!
                  <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>

                              哎呀哎呀视频在线观看