-
拿到一個網(wǎng)頁設計圖的時候,首先關注網(wǎng)頁的文字內(nèi)容以及內(nèi)容模塊間的關系。 把重點放在編寫語義化的html代碼上,而不要過多考慮設計圖上的樣式, 等到html按內(nèi)容編寫完成之后,再考慮樣式的實現(xiàn)。 在不改變現(xiàn)有結(jié)構(gòu)的基礎上,完成設計圖要求的視覺效果 可以用margin為負數(shù)來移動元素的位置,先編寫語義化的html代碼,再用CSS進行調(diào)整與設計!查看全部
-
img{width:95px;height:95px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); margin-right:10px;padding:1px 20px 37px 30px;}查看全部
-
margin-left和margin-right實現(xiàn)效果一樣是為什么?查看全部
-
結(jié)構(gòu)和形式分離的思想 1.初學者的理解與定義:div層層嵌套。 2.中級者的理解與定義:去掉多余的div,進行簡化。 3.高手的理解與定義: 最大化的簡化html的結(jié)構(gòu),然后用css進行設置,減少html與css的契合度。查看全部
-
拿到一個網(wǎng)頁設計圖的時候,首先關注網(wǎng)頁的文字內(nèi)容以及內(nèi)容模塊間的關系。 把重點放在編寫語義化的html代碼上,而不要過多考慮設計圖上的樣式, 等到html按內(nèi)容編寫完成之后,再考慮樣式的實現(xiàn)。 在不改變現(xiàn)有結(jié)構(gòu)的基礎上,完成設計圖要求的視覺效果查看全部
-
可以用margin為負數(shù)來移動元素的位置,先編寫語義化的html代碼,再用CSS進行調(diào)整與設計!查看全部
-
看到一個效果圖的時候,根據(jù)蚊子內(nèi)容以及內(nèi)容見的模塊關系,先去定模塊結(jié)構(gòu),而不是css的設定,先講內(nèi)容從重點到次要列出來,然后在用css改變現(xiàn)有結(jié)構(gòu),來達到視覺上效果的一致。 同學的筆記: 拿到一個網(wǎng)頁設計圖的時候,首先關注網(wǎng)頁的文字內(nèi)容以及內(nèi)容模塊間的關系。 把重點放在編寫語義化的html代碼上,而不要過多考慮設計圖上的樣式, 等到html按內(nèi)容編寫完成之后,再考慮樣式的實現(xiàn)。 在不改變現(xiàn)有結(jié)構(gòu)的基礎上,完成設計圖要求的視覺效果查看全部
-
結(jié)構(gòu)和形式分離的思想 1.初學者的理解與定義:div層層嵌套。 2.中級者的理解與定義:去掉多余的div,進行簡化。 3.高手的理解與定義: 最大化的簡化html的結(jié)構(gòu),然后用css進行設置,減少html與css的契合度。查看全部
-
可以用margin為負數(shù)來移動元素的位置,先編寫語義化的html代碼,再用CSS進行調(diào)整與設計!查看全部
-
電話號碼可以用text-indent 文本縮進 ,某些時刻可以取代定位等樣式,是結(jié)構(gòu)與css 都更簡潔化查看全部
-
結(jié)構(gòu)和形式分離的思想 1.初學者的理解與定義:div層層嵌套。 2.中級者的理解與定義:去掉多余的div,進行簡化。 3.高手的理解與定義: 最大化的簡化html的結(jié)構(gòu),然后用css進行設置,減少html與css的契合度。查看全部
-
結(jié)構(gòu)和形式分離的思想 1.初學者的理解與定義:div層層嵌套。 2.中級者的理解與定義:去掉多余的div,進行簡化。 3.高手的理解與定義: 最大化的簡化html的結(jié)構(gòu),然后用css進行設置,減少html與css的契合度。查看全部
-
結(jié)構(gòu)與表現(xiàn)查看全部
-
看到一個效果圖的時候,根據(jù)蚊子內(nèi)容以及內(nèi)容見的模塊關系,先去定模塊結(jié)構(gòu),而不是css的設定,先講內(nèi)容從重點到次要列出來,然后在用css改變現(xiàn)有結(jié)構(gòu),來達到視覺上效果的一致。 同學的筆記: 拿到一個網(wǎng)頁設計圖的時候,首先關注網(wǎng)頁的文字內(nèi)容以及內(nèi)容模塊間的關系。 把重點放在編寫語義化的html代碼上,而不要過多考慮設計圖上的樣式, 等到html按內(nèi)容編寫完成之后,再考慮樣式的實現(xiàn)。 在不改變現(xiàn)有結(jié)構(gòu)的基礎上,完成設計圖要求的視覺效果查看全部
-
text-indent 文本縮進 ,某些時刻可以取代定位等樣式,是結(jié)構(gòu)與css 都更簡潔化查看全部
舉報
0/150
提交
取消