-
text indent 文本縮進
查看全部 -
好查看全部
-
你好查看全部
-
1查看全部
-
基本流程編寫網(wǎng)頁樣式查看全部
-
?text-indent 文本縮進
text-indent 文本縮進
text-indent 文本縮進
查看全部 -
先按照結構和語義編寫代碼
然后進行css樣式設置
減少html與css契合度
查看全部 -
3.查看全部
-
可以查看全部
-
margin的負值向上移動查看全部
-
拿到一個網(wǎng)頁的設計圖時，首先關注網(wǎng)頁的文字內(nèi)容及內(nèi)容模塊之間的關系，把重點放在編寫html語義化的代碼上，而不要過多的考慮設計圖上的布局樣式，等html按內(nèi)容編寫完以后再考慮樣式如何實現(xiàn)，力求不改變樣式結構的基礎上完成要求的視覺效果。語義化的主要目的就是讓大家直觀的認識標簽(markup)和屬性(attribute)的用途和作用！
查看全部 -
text-indent：文本縮進
查看全部 -
1.先按結構和語意編寫。
2.再進行樣式設定。
3.最終減少html 和css的契合度。
查看全部 -
先按結構和語義編寫代碼
然后進行CSS樣式設置
減少HTML與CSS契合度
查看全部 -
?.main.left并集選擇器?.main?.left后代選擇器
查看全部 -
大div高度不寫 讓子元素內(nèi)容自動撐開查看全部
-
先按結構和語義編寫代碼
然后進行CSS樣式設置
減少HTML與CSS契合度
查看全部 -
拿到一個網(wǎng)頁的設計圖時，首先關注網(wǎng)頁的文字內(nèi)容及內(nèi)容模塊之間的關系，把重點放在編寫html語義化的代碼上，而不要過多的考慮設計圖上的布局樣式，等html按內(nèi)容編寫完以后再考慮樣式如何實現(xiàn)，力求不改變樣式結構的基礎上完成要求的視覺效果。語義化的主要目的就是讓大家直觀的認識標簽(markup)和屬性(attribute)的用途和作用！ 2、利用margin屬性來移動設置html結構.margin可以是負值，通過負值，可以使該內(nèi)容進行移動！實現(xiàn)四個方向的移動。在結構（HTML）和樣式（css）中，可以先把內(nèi)容通過HT
查看全部 -
結構與表現(xiàn)分開：盡量少地在body里設置層次div，結構簡潔，再去考慮css樣式，在head中編寫。
查看全部 -
<!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>
查看全部 -
網(wǎng)頁中的每個元素都可以看作一個盒子，盒子有外邊距（margin）、邊框（border）、內(nèi)邊距（padding）、內(nèi)容（content）這4個屬性，所以它的寬高也是由這四個屬性的寬高構成的。
查看全部 -
<!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{height: 95px;
width: 95px;padding:1px 20px 37px 30px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); 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>
查看全部 -
拋開樣式,先寫結構;
文字內(nèi)容,模塊關系,HTML語義化;
不改變結構的情況下,完成視覺設置效果;
查看全部 -
通過縮進控制位置;
text-indent:0px;
查看全部 -
先通過結構考慮;
然后再去通過樣式改變布局;
減少契合;
查看全部
舉報