浮動(dòng)布局雖然靈活,但是卻無(wú)法對(duì)標(biāo)簽的位置進(jìn)行精確地控制。在CSS中,通過(guò)定位屬性(position)可以實(shí)現(xiàn)網(wǎng)頁(yè)標(biāo)簽的精確定位。下面將對(duì)標(biāo)簽的定位屬性以及常用的幾種定位方式進(jìn)行詳細(xì)地講解。查看全文>>
如果網(wǎng)頁(yè)內(nèi)容較多,頁(yè)面過(guò)長(zhǎng),瀏覽網(wǎng)頁(yè)時(shí)就需要不斷地拖動(dòng)滾動(dòng)條來(lái)查看所需要的內(nèi)容,這樣不僅效率較低,而且不方便操作。為了提高信息的檢索速度,HTML語(yǔ)言提供了一種特殊的鏈接——錨點(diǎn)鏈接。通過(guò)創(chuàng)建錨點(diǎn)鏈接,用戶能夠直接跳到指定位置的內(nèi)容。示例代碼如下:查看全文>>
前端基礎(chǔ)入門HTML5+CSS3重點(diǎn)講解了常見的HTML5標(biāo)簽,CSS3最常用的樣式,最后站在實(shí)際開發(fā)的角度講解一個(gè)PC端的品優(yōu)購(gòu)項(xiàng)目。梳理出PC端靜態(tài)頁(yè)面開發(fā)流程和規(guī)范。查看全文>>
在網(wǎng)頁(yè)中嵌入視頻時(shí),經(jīng)常會(huì)為video標(biāo)簽添加寬高,給視頻預(yù)留一定的空間。給視頻設(shè)置寬高屬性后,瀏覽器在加載頁(yè)面時(shí)就會(huì)預(yù)先確定視頻的尺寸,為視頻保留合適大小的空間,保證頁(yè)面布局的統(tǒng)一。為video標(biāo)簽添加寬、高的方法十分簡(jiǎn)單,可以運(yùn)用width和height屬性直接為video標(biāo)簽設(shè)置寬高。示例代碼如下。查看全文>>
在為網(wǎng)頁(yè)嵌入音視頻文件時(shí),我們通常會(huì)調(diào)用本地的音視頻文件,調(diào)用本地音視頻文件雖然方便,但需要使用者提前準(zhǔn)備好文件(需要下載文件,上傳文件等操作),操作十分繁瑣。這時(shí)為src屬性設(shè)置一個(gè)完整的URL,直接調(diào)用網(wǎng)絡(luò)中的音、視頻文件,就可以化繁為簡(jiǎn)。例如下面的示例代碼:查看全文>>
要想熟練地使用CSS對(duì)網(wǎng)頁(yè)進(jìn)行修飾,首先要了解CSS的樣式規(guī)則和屬性,選擇器用于指定需要改變樣式的HTML標(biāo)簽,花括號(hào)內(nèi)部是一條或多條聲明。每條聲明由一個(gè)屬性和屬性值組成,以“鍵值對(duì)”的形式出現(xiàn)。其中屬性是對(duì)指定的標(biāo)簽設(shè)置的樣式屬性,例如字體大小、文本顏色等查看全文>>