現(xiàn)在不努力，等到何時(shí)！

來到小碼哥已經(jīng)半個(gè)多月了，我認(rèn)為學(xué)習(xí)前端，不管是入門還是進(jìn)階，一定都要有知識(shí)體系和建設(shè)的想法，剛開始學(xué)，都要有這樣的意識(shí)，前端知識(shí)點(diǎn)多而分散，如果不能夠構(gòu)建自己對(duì)前端的知識(shí)體系框架的認(rèn)識(shí)，很容易不知所措

沒了方向，跟江哥學(xué)習(xí)html和CSS的這段時(shí)間里，他沙啞的聲音，激情的講解，深深的映在我腦海中，學(xué)習(xí)CSS像切菜一樣，通過他帶著我們做努比亞網(wǎng)頁，綠色食品網(wǎng)等這種項(xiàng)目中，通過他教我們的思維對(duì)比

很容易知道哪些知識(shí)需要補(bǔ)充和完善的，學(xué)習(xí)的畏懼心理會(huì)小很多，腦圖慢慢豐富起來，每次學(xué)習(xí)一點(diǎn)小的知識(shí)點(diǎn)，都要想辦法把它們應(yīng)用起來，如果遇到解決不了的問題，就去問，一定不要一直看，要多敲

不斷的做出東西，解決問題，不斷的給自己正向的激勵(lì)，一定要讓自己有成就感。

所謂布局，其實(shí)包含了兩個(gè)含義：尺寸與定位，也就是所有的尺寸和定位相關(guān)的屬性，都可以用來布局

我們學(xué)習(xí)了浮動(dòng)定位，相對(duì)定位，絕對(duì)定位等，

浮動(dòng)流是一種"半脫離標(biāo)準(zhǔn)流"的排版方式

浮動(dòng)流只有一種排版方式, 就是水平排版. 它只能設(shè)置某個(gè)元素左對(duì)齊或者右對(duì)齊

在浮動(dòng)流中是不區(qū)分塊級(jí)元素/行內(nèi)元素/行內(nèi)塊級(jí)元素的

相對(duì)定位就是相對(duì)于自己以前在標(biāo)準(zhǔn)流中的位置來移動(dòng)

相對(duì)定位注意點(diǎn)：

1相對(duì)定位是不脫離標(biāo)準(zhǔn)流的, 會(huì)繼續(xù)在標(biāo)準(zhǔn)流中占用一份空間

2在相對(duì)定位中同一個(gè)方向上的定位屬性只能使用一個(gè)

3由于相對(duì)定位是不脫離標(biāo)準(zhǔn)流的, 所以在相對(duì)定位中是區(qū)分塊級(jí)元素/行內(nèi)元素/行內(nèi)塊級(jí)元素

4由于相對(duì)定位是不脫離標(biāo)準(zhǔn)流的, 并且相對(duì)定位的元素會(huì)占用標(biāo)準(zhǔn)流中的位置, 所以當(dāng)給相對(duì)定位的元素設(shè)置margin/padding等屬性的時(shí)會(huì)影響到標(biāo)準(zhǔn)流的布局

.

相對(duì)定位應(yīng)用場(chǎng)景

1用于對(duì)元素進(jìn)行微調(diào)

2配合后面學(xué)習(xí)的絕對(duì)定位來使用

position: absolute;? 絕對(duì)定位

position: relative;? 相對(duì)定位

這些定位方式使我們構(gòu)建網(wǎng)頁打好了穩(wěn)定的基礎(chǔ)

還有江哥跟我們講的2D3D動(dòng)畫過渡中，感覺特別好玩，一個(gè)網(wǎng)頁中的圖片可以動(dòng)起來，非常棒！

學(xué)HTML5就選李南江，選培訓(xùn)機(jī)構(gòu)我只選小碼哥（www.520it.com）