零基礎(chǔ)學(xué)web前端系列分享：入門(mén)必備知識(shí)

1、零基礎(chǔ)學(xué)web前端系列分享：入門(mén)必備知識(shí)互聯(lián)網(wǎng)正在轉(zhuǎn)變我們的生活，前端也成了很重要的崗位之一，許多人都往前端靠攏，可又無(wú)能為力，不知所措，首先我們說(shuō)為什么在編程里，大家都傾向于往前端靠呢？緣由很容易，那就是，在程序員的世界里，前端開(kāi)發(fā)是最容易的編程，由于它真的很容易，下面，我就開(kāi)頭一點(diǎn)一點(diǎn)的教大家如何開(kāi)頭前端學(xué)問(wèn)的學(xué)習(xí)首先我們學(xué)習(xí)前端，要知道前端的三個(gè)大內(nèi)容，html、css、js，其中html和css是互相結(jié)合著學(xué)習(xí)，把握了這兩個(gè)了以后我們就算真正入門(mén)了，然后再深化學(xué)習(xí)js等等。一、理解html，css，js分離是什么html：是靜態(tài)網(wǎng)頁(yè)，該文檔本身2113惟獨(dú)頁(yè)面結(jié)構(gòu)，可以顯示頁(yè)面內(nèi)容；c

2、ss：層疊樣5261式表，通過(guò)設(shè)置對(duì)應(yīng)的樣式屬性可以修改4102html文檔內(nèi)各元素的顯示、位置等樣式；如修改色彩、字體、字號(hào)、寬高、位置、背景等。javascript：動(dòng)態(tài)腳本語(yǔ)言，廣泛應(yīng)用于web應(yīng)用的功能開(kāi)1653發(fā)以及豐盛頁(yè)面體驗(yàn)，可以動(dòng)態(tài)控制頁(yè)面內(nèi)容；如修改頁(yè)面文字、回、各種效果、功能等；一個(gè)通俗的例子：html就像答人的身體，css就像人的衣服，javascript就像人的思想和行為。二、零基礎(chǔ)學(xué)會(huì)前端首先我們需要用到的軟件，對(duì)于入門(mén)級(jí)來(lái)說(shuō)我們普通推舉大家用dreamweaver，簡(jiǎn)稱dw，新建一個(gè)html后，浮現(xiàn)的界面是這樣的，看到這么多代碼不要慌，對(duì)我們敲代碼沒(méi)有影響，下面我們

3、開(kāi)頭敲代碼，我們可以看到這里有這樣的代碼，這個(gè)就是我們網(wǎng)頁(yè)的身體，我們接下來(lái)要敲的內(nèi)容都是在這中間輸入的，這個(gè)括號(hào)表示的標(biāo)簽，標(biāo)簽都是一前一后的，成對(duì)浮現(xiàn)的，除了一些特別的標(biāo)簽，隨后我再一一給大家講解?，F(xiàn)在我們輸入點(diǎn)內(nèi)容，看看效果。我們輸入一個(gè)標(biāo)簽，點(diǎn)擊右上角的地球掃瞄一下，會(huì)發(fā)覺(jué)彈出了一個(gè)空網(wǎng)頁(yè)，什么也沒(méi)有，那是由于我們現(xiàn)在只書(shū)寫(xiě)了html，還沒(méi)有寫(xiě)css，容易來(lái)說(shuō)就是，我們創(chuàng)建了一個(gè)東西在頁(yè)面里，但是還沒(méi)有設(shè)置這個(gè)東西長(zhǎng)什么樣子，現(xiàn)在我們?cè)谠O(shè)置它的樣子，1、我們?yōu)榱私o這個(gè)div設(shè)置樣式，全部先給它起個(gè)名字不然，電腦不知道我們要給誰(shuí)加樣式，class="aaa&qu

4、ot; 的意思是起名為aaa2、在里寫(xiě)入這樣一組標(biāo)簽這個(gè)style的意思就是css，我們囫圇網(wǎng)站要加的全部樣式都是寫(xiě)在這個(gè)中間的。3、我們?cè)趕tyle里寫(xiě)樣式，電腦首先要知道我們給誰(shuí)加樣式，全部我們寫(xiě)個(gè)。aaa 這個(gè)。（點(diǎn)）的意思是我要給aaa加樣式，電腦會(huì)自動(dòng)把。（點(diǎn)）后面的名字，跟下面body里的名字做一個(gè)匹配，這樣電腦就知道，哦——本來(lái)你是要給這個(gè)div加樣式呀，4、然后我們把要給這個(gè)div加的樣式寫(xiě)在大括號(hào)里，width:100px; 意思是這個(gè)div的寬是100像素，height:100px; 意思是高是100像素，background-col

5、or:ff0000; 意思是背景色彩是ff0000這個(gè)色彩，注重：（1）這里我要給大家說(shuō)明一下，大家別看這么多代碼，這么多單詞，其實(shí)軟件有提醒，像下面這樣，挺直輸入第一個(gè)字母后面的單詞就浮現(xiàn)了，挺直選中就行了，連單詞都不用背，前端真的很容易，輸入w和輸入h，會(huì)自動(dòng)彈出單詞框（2）每一個(gè)單詞都有提醒，說(shuō)到這里，不會(huì)英語(yǔ)的學(xué)生就不要給自己找借口說(shuō)英語(yǔ)不好，學(xué)不會(huì)編程了，固然，這么容易是不是說(shuō)大家都簡(jiǎn)單學(xué)會(huì)，那大家都會(huì)了，我們還有什么優(yōu)勢(shì)呢，其實(shí)不然，雖然說(shuō)很容易，但是要想真真的把前端學(xué)好是需要下功夫的，主要就是要堅(jiān)持，雖然很容易，但是能堅(jiān)持下來(lái)的人很少，這也就是為什么我們給同學(xué)向來(lái)倡導(dǎo)要堅(jiān)持，做任何事既然打算了，就要堅(jiān)持，下面我們繼續(xù)，設(shè)置好