前端基礎(chǔ)入門HTML5+CSS3重點(diǎn)講解了常見的HTML5標(biāo)簽,CSS3最常用的樣式,最后站在實(shí)際開發(fā)的角度講解一個PC端的品優(yōu)購項目。梳理出PC端靜態(tài)頁面開發(fā)流程和規(guī)范。查看全文>>
在網(wǎng)頁中嵌入視頻時,經(jīng)常會為video標(biāo)簽添加寬高,給視頻預(yù)留一定的空間。給視頻設(shè)置寬高屬性后,瀏覽器在加載頁面時就會預(yù)先確定視頻的尺寸,為視頻保留合適大小的空間,保證頁面布局的統(tǒng)一。為video標(biāo)簽添加寬、高的方法十分簡單,可以運(yùn)用width和height屬性直接為video標(biāo)簽設(shè)置寬高。示例代碼如下。查看全文>>
在為網(wǎng)頁嵌入音視頻文件時,我們通常會調(diào)用本地的音視頻文件,調(diào)用本地音視頻文件雖然方便,但需要使用者提前準(zhǔn)備好文件(需要下載文件,上傳文件等操作),操作十分繁瑣。這時為src屬性設(shè)置一個完整的URL,直接調(diào)用網(wǎng)絡(luò)中的音、視頻文件,就可以化繁為簡。例如下面的示例代碼:查看全文>>
要想熟練地使用CSS對網(wǎng)頁進(jìn)行修飾,首先要了解CSS的樣式規(guī)則和屬性,選擇器用于指定需要改變樣式的HTML標(biāo)簽,花括號內(nèi)部是一條或多條聲明。每條聲明由一個屬性和屬性值組成,以“鍵值對”的形式出現(xiàn)。其中屬性是對指定的標(biāo)簽設(shè)置的樣式屬性,例如字體大小、文本顏色等查看全文>>
當(dāng)上下相鄰的兩個塊元素相遇時,如果上面的標(biāo)簽有下外邊距margin-bottom,下面的標(biāo)簽有上外邊距margin-top,則它們之間的垂直間距不是margin-bottom與margin-top之和,而是兩者中的較大者。這種現(xiàn)象被稱為相鄰塊元素垂直外邊距的合并(也稱外邊距塌陷)。查看全文>>
制作網(wǎng)頁時,經(jīng)常需要設(shè)置頁面的基本信息,如頁面的標(biāo)題、作者、和其他文檔的關(guān)系等。為此HTML提供了一系列的標(biāo)簽,這些標(biāo)簽通常都寫在head標(biāo)簽內(nèi),因此被稱為頭部相關(guān)標(biāo)簽。本節(jié)將具體介紹常用的頭部標(biāo)簽。查看全文>>