視口(Viewport)是移動(dòng)Web開發(fā)中一個(gè)非常重要的概念,最早是由蘋果公司在推出iPhone手機(jī)時(shí)發(fā)明的,其目的是為了讓iPhone的小屏幕盡可能完整顯示整個(gè)網(wǎng)頁。通過設(shè)置視口,不管網(wǎng)頁原始的分辨率尺寸有多大,都能將其縮小顯示在手機(jī)瀏覽器上,這樣保證網(wǎng)頁在手機(jī)上看起來更像在桌面瀏覽器中的樣子。查看全文>>
響應(yīng)式頁面指的是同一頁面在不同屏幕尺寸下實(shí)現(xiàn)不同的布局,從而使一個(gè)頁面兼容不同的終端。這里所說的終端主要包括PC端和移動(dòng)端,它們的分辨率以及屏幕大小都是不同的。查看全文>>
在CSS中偽類一直用: 表示,如 :hover, :active等,偽元素在CSS1中已存在,當(dāng)時(shí)語法是用 : 表示,如 :before 和 :after,后來在CSS3中修訂,偽元素用 :: 表示,如 ::before 和 ::after,以此區(qū)分偽元素和偽類。由于低版本IE對(duì)雙冒號(hào)不兼容,開發(fā)者為了兼容性各瀏覽器,繼續(xù)使使用 :after這種老語法表示偽元素。查看全文>>
px像素(Pixel)。絕對(duì)單位。像素 px 是相對(duì)于顯示器屏幕分辨率而言的,是一個(gè)虛擬長度單位,是計(jì)算機(jī)系統(tǒng)的數(shù)字化圖像長度單位。查看全文>>
BFC(Block formatting context)直譯為"塊級(jí)格式化上下文"。它是一個(gè)獨(dú)立的渲染區(qū)域,只有 Block-level box 參與,它規(guī)定了內(nèi)部的 Block-level Box 如何布局,并且與這個(gè)區(qū)域外部毫不相干。查看全文>>
在HTML5中,figure元素用于定義獨(dú)立的流內(nèi)容(圖像、圖表、照片、代碼等),一般指一個(gè)單獨(dú)的單元。figure元素的內(nèi)容應(yīng)該與主內(nèi)容相關(guān),但如果被刪除,也不會(huì)對(duì)文檔流產(chǎn)生影響。figcaption元素用于為figure元素組添加標(biāo)題,一個(gè)figure元素內(nèi)最多允許使用一個(gè)figcaption元素,該元素應(yīng)該放在figure元素的第一個(gè)或者最后一個(gè)子元素的位置。查看全文>>