前言
感覺自己好菜欸，不會寫還想寫，真是無奈了辩诞，剛剛好手寫著就停不下來了，于是繼續(xù)寫了下自己眼中認識的H5啦纺涤。如果寫的有什么不對的地方歡迎你下方留言指出译暂，讓我們共同進步吧~
什么是HTML自上而下的結構呢？
怎么說呢撩炊，其實這就是HTML的文檔特性外永。他有很明顯的樹形結構自上而下的特點。比喻成一個人來說吧拧咳，我們要造人了伯顶，我們可以先選擇捏頭什么捏手先再一步步把整個人捏出來。但是哦，這個html的文檔結構很奇怪祭衩，他必須要讓你從頭捏起灶体，然后到身體最后到腳。這個就是Html文檔的特性了掐暮。
既然說到了他的結構特點是自上而下的蝎抽，那么我們一個人有兩只手兩只眼睛兩只腳哇，那你說同時往下捏我怎么同時造出兩只手奥房恕樟结？別著急，對精算，下面就說到了一些很重要的東西瓢宦。行元素、塊元素殖妇、行內塊元素刁笙。
什么是行元素破花、塊元素谦趣、行內塊元素？
按照個人理解座每，我對于行元素前鹅，塊元素和行內塊元素的理解分別是：
- 行元素
最直觀的區(qū)別就是能在一行顯示，后續(xù)加行元素也會默認被加到后面去峭梳。上個非常簡單直觀的代碼舰绘。
<html>
<body>
<span>我是一個行元素</span>
<span>我又是一個行元素</span>
</body>
</html>
但是這并不是最常見的，最常見的是塊元素葱椭，因為H5的文檔結構就是自上而下的啊捂寿，所有塊元素很明顯可以看出這個H5文檔結構的特性。
-
塊元素
它在html文檔中孵运，無論他內容多少秦陋，它是完全把文檔中他所占的高度的那一行全部占住，因為是自上而下的文檔的結構治笨，所以才是占一行驳概，仔細想想你就能知道了的。舉一個栗子吧
<html>
<body>
<h2>我是一個塊元素旷赖，我占住了這行</h2>
<h2>這行我占了顺又，你往下排吧哼</h2>
<h2>雖然我短小，但是我還是很霸道等孵，我就要占住一行</h2>
</body>
</html>
有沒有發(fā)現是不是很有趣稚照？對了你問我那這樣子我怎么讓塊元素不這么霸道，你想讓它溫柔可人啊果录？那也行腌闯，你就改變它，有這么一個屬性
h2{
display: inline;
}
對雕憔，你可以改變他的顯示屬性,也就是display姿骏，屬性是什么？別著急斤彼，慢慢來分瘦，以后不久我會說到的。我們可以通過設置display使他改變他的樣式屬性琉苇，常用的有block（讓它變得霸道嘲玫，變成塊元素)，inline(溫柔的人最吸引人并扇，使他變成行元素）去团，當然你覺得你現在想知道更多，那么你可以去我上一個文章的傳送門去看看里面的知識哦穷蛹。
-
行內塊元素
顧名思義嘛土陪，這就是讓你在一個元素中添加一個新的元素，但是說呢肴熏，你要知道鬼雀，如果你設定一個元素他里面有別的元素，那么他就是里面的子元素的父元素蛙吏，子元素最多和父元素那么大源哩，如果子元素超出了父元素，那么很可惜鸦做，子元素就會看不到励烦，也就是我們常說的被隱藏了，但是它實際還是存在的泼诱√陈樱總的一句話來說吧：
子元素不能超出父元素的最大顯示范圍，否則會被隱藏坷檩。
做父親的真的太吝嗇了却音，限制自己兒子的發(fā)展。所以我們看到的html標簽啊矢炼，就是一個最大的父元素系瓢，里面的body啊就是他的大兒子了。所以你發(fā)現了一個很有趣的事情么句灌？
html文檔結構層次十分分明夷陋，很有層次感欠拾，看起來沒有那么繁雜繞眼。
希望我的文章對你有一定用處骗绕，如果對你有用你可以給我一個喜歡藐窄，你的喜歡是我的最大寫作動力。如果有什么寫錯的地方或者更好的意見酬土，你可以給我留言荆忍，讓我們共同進步。您的支持是我最好的動力撤缴。
歡迎你的轉載刹枉，轉載請標明出處~
真正成功的人在于堅持不懈！共勉之~
