-
1.初學(xué)者的理解與定義: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)和與語義化上,先別過多的想樣式查看全部
-
結(jié)構(gòu)與表現(xiàn)分離 贊查看全部
-
先考慮設(shè)計圖中的模塊以及元素之間的關(guān)系,重點放在HTML的結(jié)構(gòu)和語義化代碼上,不要過多的考慮布局圖上的設(shè)計樣式查看全部
-
先考慮設(shè)計圖中的模塊以及元素之間的關(guān)系,重點放在HTML的結(jié)構(gòu)和語義化代碼上,不要過多的考慮布局圖上的設(shè)計樣式查看全部
-
text-indent 文本縮進 減少div查看全部
-
【微博布局高級】 強大的margin負(fù)值…… 盡量減少不必要的div!查看全部
-
高級思路查看全部
-
高級思路查看全部
-
先考慮設(shè)計圖中的文字內(nèi)容和內(nèi)容模塊之間的關(guān)系,重點放在編寫html結(jié)構(gòu)和語義化,然后考慮布局和表現(xiàn)形式。查看全部
-
text-indent 文字縮進查看全部
-
1.初學(xué)者的理解與定義:div層層嵌套。 2.中級者的理解與定義:去掉多余的div,進行簡化。 3.高手的理解與定義: 最大化的簡化html的結(jié)構(gòu),然后用css進行設(shè)置,減少html與css的契合度。查看全部
-
<!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; padding:1px 20px 37px 30px; margin-right:10px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);} </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>查看全部
-
<!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{?background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); ?} </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>查看全部
-
一般遵循原則: 先考慮設(shè)計圖中的文字內(nèi)容和內(nèi)容模塊之間的關(guān)系,重點放在編寫html結(jié)構(gòu)和語義化,然后考慮布局和表現(xiàn)形式。查看全部
舉報
0/150
提交
取消