-
采用text-indent文本縮進(jìn)定位查看全部
-
先考慮設(shè)計圖中的文字內(nèi)容和內(nèi)容模塊之間的關(guān)系，重點(diǎn)放在編寫html結(jié)構(gòu)和語義化，然后考慮布局和表現(xiàn)形式查看全部
-
text-indent:文本縮進(jìn)查看全部
-
因?yàn)閕mg的背景圖片在沒有設(shè)置padding的時候，是被圖片覆蓋了的，所以要設(shè)置padding這樣可以把img標(biāo)簽撐大，就可以把背景圖片顯示出來了。查看全部
-
2-4排行榜制作： 拿到一個網(wǎng)頁設(shè)計圖的時候，首先關(guān)注網(wǎng)頁的文字內(nèi)容以及內(nèi)容模塊間的關(guān)系。 把重點(diǎn)放在編寫語義化的html代碼上，而不要過多考慮設(shè)計圖上的樣式， 等到html按內(nèi)容編寫完成之后，再考慮樣式的實(shí)現(xiàn)。 在不改變現(xiàn)有結(jié)構(gòu)的基礎(chǔ)上，完成設(shè)計圖要求的視覺效果查看全部
-
網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)的原則： 第2章 結(jié)構(gòu)與表現(xiàn)相分離的思想 2-1：微博用戶發(fā)言信息列表： 1.初學(xué)者的理解與定義：div層層嵌套。 2.中級者的理解與定義：去掉多余的div，進(jìn)行簡化。 3.高手的理解與定義： 最大化的簡化html的結(jié)構(gòu)，然后用css進(jìn)行設(shè)置，減少html與css的契合度查看全部
-
先考慮設(shè)計圖中的文字內(nèi)容和內(nèi)容模塊之間的關(guān)系，重點(diǎn)放在編寫html結(jié)構(gòu)和語義化，然后考慮布局和表現(xiàn)形式查看全部
-
高級設(shè)計者的布局思路查看全部
-
結(jié)構(gòu)表現(xiàn) 和行為查看全部
-
網(wǎng)頁換膚：相同的html結(jié)構(gòu)，切換不同的css樣式文件進(jìn)行網(wǎng)頁換膚。查看全部
-
2-4排行榜制作： 拿到一個網(wǎng)頁設(shè)計圖的時候，首先關(guān)注網(wǎng)頁的文字內(nèi)容以及內(nèi)容模塊間的關(guān)系。 把重點(diǎn)放在編寫語義化的html代碼上，而不要過多考慮設(shè)計圖上的樣式， 等到html按內(nèi)容編寫完成之后，再考慮樣式的實(shí)現(xiàn)。 在不改變現(xiàn)有結(jié)構(gòu)的基礎(chǔ)上，完成設(shè)計圖要求的視覺效果 給<h5>增加背景，將<h6>移動到相應(yīng)位置即可?！緈argin:-25px 0 0 50px;】查看全部
-
網(wǎng)頁布局之結(jié)構(gòu)與表現(xiàn)原則： 第二章：結(jié)構(gòu)與表現(xiàn)分離的思想： 2-3電話號碼布局制作： 不應(yīng)該為了樣式而添加無意義的標(biāo)簽 【文本縮進(jìn)text-indent】改變文字的位置。減少<span>等標(biāo)簽的使用查看全部
-
網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)的原則： 第2章 結(jié)構(gòu)與表現(xiàn)相分離的思想 2-1：微博用戶發(fā)言信息列表： 1.初學(xué)者的理解與定義：div層層嵌套。 2.中級者的理解與定義：去掉多余的div，進(jìn)行簡化。 3.高手的理解與定義： 最大化的簡化html的結(jié)構(gòu)，然后用css進(jìn)行設(shè)置，減少html與css的契合度查看全部
-
網(wǎng)頁簡單布局之結(jié)構(gòu)與表現(xiàn)原則：1.網(wǎng)頁結(jié)構(gòu)與表現(xiàn)，行為的分離查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>圖片背景</title> <style type="text/css"> body{ margin:0;} div{background:#460E29;width:700px;padding:20px} img{width:95px;height:95PX;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); padding:1px 20px 37px 30px;margin:10px;} </style> </head> <body> <div><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /> </div> </body> </html>查看全部
舉報
0/150
提交
取消