什么是HTML
HTML 是用來描述網(wǎng)頁的一種語言。
HTML 指的是超文本標記語言: HyperText Markup Language
HTML 不是一種編程語言,而是一種標記語言
標記語言是一套標記標簽 (markup tag)
HTML 使用標記標簽來描述網(wǎng)頁
HTML 文檔包含了HTML 標簽及文本內(nèi)容
HTML文檔也叫做 web 頁面
以上基礎(chǔ)內(nèi)容簡單易懂,有手就行,其他相關(guān)內(nèi)容可以自行去 菜鳥教程學習
本人熱愛html和css技術(shù),經(jīng)過一周不斷的學習學會了各種技術(shù)和解決問題的思路和方法,學習了盒模型和浮動,可以自己構(gòu)建網(wǎng)頁的布局,接著遇到了高度塌陷的問題,并通過學習尋找到了解決方式。這里簡單介紹一下解決的方案。
高度塌陷的解決方案
1.將元素的overflow設(shè)置為一個非visible的值(推薦hidden和auto),此方法可以開啟元素的BFC屬性,解決高度塌陷的問題。(其中IE6瀏覽器不兼容此種方法,因此我們可以將元素的zoom設(shè)置為1,開啟IE6中元素屬性HasLayout從而解決問題)
2.再學習了浮動的知識后,可以發(fā)現(xiàn)更多解決高度塌陷的方法
- 我們可以用clear清除浮動對當前元素的影響,所以在一個元素浮動脫離文檔流時我們可以在高度塌陷的最后添加一個空白的div由于這個div沒有浮動所以可以完全撐開父元素的高度,對其清除浮動可解決高度塌陷的問題(該方法基本無副作用,但卻在頁面中添加了一個無意義的空白div,我們知道html負責頁面結(jié)構(gòu)而css負責頁面樣式,這是不合理的,所以我們希望通過css用該思路來解決該高度塌陷的問題問題)
- 我們考慮到css中有一個樣式為after,用這個樣式可以在元素后加入內(nèi)容且無法選中,因此我們可以用這個樣式完成高度塌陷問題的最優(yōu)解如下:
.box:after{content="";
display:block;
clear:both}
所以通過after偽類向元素最后添加一個空白塊元素進行清除浮動可最終解決高度塌陷的問題(IE6不支持這種方法,所以老老實實使用zoom:1;即可)
這是本人第一次用markdown編寫博客,希望和大家一起探討和解決一些關(guān)于前端的常見問題和解決方案,希望大家多多支持,在大學生活里不斷學習,不斷進步!!