-
4排行榜制作: 拿到一個網(wǎng)頁設(shè)計圖的時候,首先關(guān)注網(wǎng)頁的文字內(nèi)容以及內(nèi)容模塊間的關(guān)系。 把重點放在編寫語義化的html代碼上,而不要過多考慮設(shè)計圖上的樣式, 等到html按內(nèi)容編寫完成之后,再考慮樣式的實現(xiàn)。 在不改變現(xiàn)有結(jié)構(gòu)的基礎(chǔ)上,完成設(shè)計圖要求的視覺效果 給<h5>增加背景,將<h6>移動到相應位置即可?!緈argin:-25px 0 0 50px;】查看全部
-
網(wǎng)頁布局之結(jié)構(gòu)與表現(xiàn)原則: 第二章:結(jié)構(gòu)與表現(xiàn)分離的思想: 電話號碼布局制作: 不應該為了樣式而添加無意義的標簽 【文本縮進text-indent】改變文字的位置。減少<span>等標簽的使用查看全部
-
網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)的原則: 第2章 結(jié)構(gòu)與表現(xiàn)相分離的思想 微博用戶發(fā)言信息列表: 1.初學者的理解與定義:div層層嵌套。 2.中級者的理解與定義:去掉多余的div,進行簡化。 3.高手的理解與定義: 最大化的簡化html的結(jié)構(gòu),然后用css進行設(shè)置,減少html與css的契合度查看全部
-
html ——>結(jié)構(gòu) css ——>表現(xiàn) javascript ——>行為 結(jié)構(gòu)表型和行為的分離 重點放在HTML的結(jié)構(gòu)和與語義化上,先別過多的想樣式查看全部
-
好強大的思路啊,我的第一反應就是position:absolute;left:585px;沒想到老師一個text-indent:585px;就解決問題了。贊?。?!查看全部
-
謝謝老師的分享,使我長見識了,才知道的自己以前寫的結(jié)構(gòu)是有多么的差。 PS:減少HTML與CSS契合度!?。?查看全部
-
overflow:hidden,還有清除浮動的效果啊,我以前一直在用clearfix:after。孤落寡聞了!查看全部
-
原來圖片底下也可以加背景圖片。這個小知識點,以前一直存在誤區(qū)。查看全部
-
文本縮進:text-indent查看全部
-
padding:1px 20px 37px 30px 不應該中間加逗號的查看全部
-
html ——>結(jié)構(gòu) css ——>表現(xiàn) javascript ——>行為 結(jié)構(gòu)表型和行為的分離 重點放在HTML的結(jié)構(gòu)和與語義化上,先別過多的想樣式查看全部
-
不要濫用div,應該盡量減少結(jié)構(gòu)與表現(xiàn)的契合度(避免為了方便css的編寫而設(shè)置過多的div,使html文檔的結(jié)構(gòu)顯得過于復雜)查看全部
-
分離思想查看全部
-
文本縮進查看全部
-
切換不同的CSS文件,達到樣式變化查看全部
舉報
0/150
提交
取消