-
html——結(jié)構(gòu);css——表現(xiàn);javascript——行為。 分析一個頁面的結(jié)構(gòu):重點(diǎn)在于HTML的結(jié)構(gòu)和語義化!其次才是表現(xiàn)和行為。查看全部
-
內(nèi)容與表現(xiàn)相分離查看全部
-
先考慮設(shè)計圖中的文字內(nèi)容和內(nèi)容模塊之間的關(guān)系,重點(diǎn)放在編寫html結(jié)構(gòu)和語義化,然后考慮布局和表現(xiàn)形式。查看全部
-
進(jìn)階思路查看全部
-
高手的思路原則查看全部
-
審視他人網(wǎng)頁,先不管樣式,先審視結(jié)構(gòu)與語義查看全部
-
前段三要素查看全部
-
save查看全部
-
網(wǎng)頁換膚:相同的html結(jié)構(gòu),切換不同的css樣式文件進(jìn)行網(wǎng)頁換膚。查看全部
-
【總結(jié)】 拿到一個網(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;】查看全部
-
用【文本縮進(jìn)text-indent】改變文字的位置。減少<span>等標(biāo)簽的使用。查看全部
-
先按結(jié)構(gòu)和語義編寫html代碼,然后進(jìn)行CSS樣式設(shè)置,減少html和CSS的契合度。 ?。?!先從結(jié)構(gòu)上考慮,在現(xiàn)有的結(jié)構(gòu)基礎(chǔ)上,只通過樣式去改變頁面布局。 高級人員思路及制作方法:讓整個文檔div右移,將頭像向左移出文檔div。查看全部
-
html——結(jié)構(gòu);css——表現(xiàn);javascript——行為。 分析一個頁面的結(jié)構(gòu):重點(diǎn)在于HTML的結(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"> <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{margin-right:10px;padding: 1px 20px 37px 30px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); height:95px;width:95px;} </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
提交
取消