-
隨著技術的發展，出現把結構（HTML）,表現（CSS）,和行為（JS）分離的思想。那什么才是真正的分離呢，不是把它們分別寫在分開的文件里，而是像蓋房子一樣，先從結構出發，做到HTML結構合理簡潔，再加上CSS樣式。編寫網頁的時候不要被CSS樣式打擾，而要把重點放在HTML結構的語義化上查看全部
-
為什么設置了內邊距背景圖就顯示出來了呢? 根據CSS盒子模型,一個元素,從上到下分為邊框,內容和內邊距,背景圖,外邊距,背景顏色,共5個層次.開始時,因為沒有設置內邊距,盒子內部尺寸等于內容的尺寸,因此,處于第二層的內容將處于第三層的背景圖遮擋住.設置了內邊距之后,盒子的內部空間被擴展,第二層的內容不再占據整個盒內空間,空余處的背景圖也就被顯示出來了! image標簽是圖片的容器查看全部
-
1、拿到一個網頁的設計圖時，首先關注網頁的文字內容及內容模塊之間的關系，把重點放在編寫html語義化的代碼上，而不要過多的考慮設計圖上的布局樣式，等html按內容編寫完以后再考慮樣式如何實現，力求不改變樣式結構的基礎上完成要求的視覺效果。語義化的主要目的就是讓大家直觀的認識標簽(markup)和屬性(attribute)的用途和作用！ 2、利用margin屬性來移動設置html結構.margin可以是負值，通過負值，可以使該內容進行移動！實現四個方向的移動。在結構（HTML）和樣式（css）中，可以先把內容通過HTML寫出來，再利用margin移動位置，實現排版，降低樣式和結構的耦合，并且減少代碼。查看全部
-
在網頁制作中，面對設計圖，網頁制作人員一般要遵循的原則： 先考慮設計圖中的文字內容和內容模塊之間的關系，重點放在編寫html結構和語義化，然后考慮布局和表現形式。查看全部
-
深化結構與表現分離的思想： 文本可以使用text-indent:文本縮進標簽，實現定位；在固定的寬度中適應查看全部
-
先按結構和語義編寫代碼 然后進行CSS樣式設置 減少HTML與CSS契合度 <style> .demo{width:458px; padding:20px; background:#9CF; border:1px solid #ccc; margin-left:20px; position：relative;} .demo img{float:left; margin:-20px 0 0 -100px;} .demo p{font-size:12px; line-height:24px;} .demo span{position:absolute; right:20px; top:10px; font-size:12px;} </style> <div class="demo"> <img src="image" /> <h6>名稱</h6> <p>段落</p> <span>時間</span> </div>查看全部
-
1.Html:先關注內容及模塊的關系，重點編寫html語義化，不要考慮樣式。 2.布局：使用margin或浮動、定位來布局對象的位置 3.樣式：最后是樣式來裝飾html標簽查看全部
-
結構與表現的分離： text-indent：使文本縮進到想要的位置。 只是一行簡短文字數字，可以用段落排版的思路來“定位”，即用text-indent：**px 縮進來達到目的。 如果設置一個極小的負值，則可以在瀏覽器上隱藏文本，卻又能被搜索引擎搜索到查看全部
-
重點放在html的結構和語義化上查看全部
-
123查看全部
-
html-結構 css-表現 javascr-行為查看全部
-
html-結構 css-表現 javascr-行為查看全部
-
盡量減少div的思想查看全部
-
文本縮寫： text-indent查看全部
-
先通過HTML設定結構，再由CSS來進行布局。查看全部
舉報
0/150
提交
取消