黑馬程序員html和css的基礎(chǔ)班課程介紹

我們黑馬程序員前端的開發(fā)基礎(chǔ)班的內(nèi)容，主要是Html和css；兩個(gè)都是寫出靜態(tài)頁(yè)面的必備，也就是我們搭建網(wǎng)站必備的知識(shí)點(diǎn)。比如京東和淘寶的首頁(yè)頁(yè)面是如何搭建的，也是我們基礎(chǔ)班的內(nèi)容。
—Web前端我們可以理解成網(wǎng)頁(yè)，那么網(wǎng)頁(yè)都是什么組成的？文字、圖像和超鏈接等等元素構(gòu)成的。當(dāng)然還有網(wǎng)頁(yè)中的音頻和視頻還有Flash等...網(wǎng)頁(yè)中的web有什么標(biāo)準(zhǔn)？那一定是結(jié)構(gòu)、表現(xiàn)、行為。web標(biāo)準(zhǔn)主要是讓頁(yè)面書寫的更為標(biāo)準(zhǔn)和統(tǒng)一，網(wǎng)頁(yè)的書寫一定要借助于HTML的框架結(jié)構(gòu)進(jìn)行。
—html指的是超文本標(biāo)記語(yǔ)言（hyper text markup languge）是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。但不是一種編輯語(yǔ)言。可以對(duì)網(wǎng)頁(yè)的文本內(nèi)容進(jìn)行簡(jiǎn)單的段落和排版進(jìn)行應(yīng)用。使得網(wǎng)頁(yè)更具語(yǔ)義化。但是html有很多局限性，只關(guān)注內(nèi)容的語(yǔ)義化，不能給網(wǎng)頁(yè)增加更多色彩效果。所以就需要用到css。 CSS(Cascading Style Sheets)  ，通常稱為CSS樣式表或?qū)盈B樣式表（級(jí)聯(lián)樣式表），他的作用- 主要用于設(shè)置 HTML頁(yè)面中的文本內(nèi)容（字體、大小、對(duì)齊方式等）、圖片的外形（寬高、邊框樣式、邊距等）以及版面的布局和外觀顯示樣式。
—CSS以HTML為基礎(chǔ)，提供了豐富的功能，如字體、顏色、背景的控制及整體排版等，而且還可以針對(duì)不同的瀏覽器設(shè)置不同的樣式。
css分為三種不同的樣式，即行內(nèi)式、內(nèi)部樣式、外部樣式三種。行內(nèi)樣式：稱行內(nèi)樣式、行間樣式，是通過(guò)標(biāo)簽的style屬性來(lái)設(shè)置元素的樣式。
但是有缺點(diǎn)就是沒(méi)有實(shí)現(xiàn)樣式和結(jié)構(gòu)相分離。內(nèi)部的樣式：成內(nèi)嵌式，是將css代碼集中寫到html文檔的head頭部標(biāo)簽當(dāng)中，并且用style標(biāo)簽定義。雖然我們實(shí)現(xiàn)了樣式和結(jié)構(gòu)分離，但還沒(méi)有徹底分離。外部樣式表：稱鏈接式，是將所有的樣式放到了一個(gè)或者是多個(gè)以css擴(kuò)展名的外部樣式表文件中。通過(guò)link標(biāo)簽將外部樣式文件的鏈接鏈到html文檔中，從而實(shí)現(xiàn)了樣式和結(jié)構(gòu)相分離。

作者：黑馬程序員前端與移動(dòng)開發(fā)培訓(xùn)學(xué)院
首發(fā)：http://web.itheima.com/