優(yōu)秀網(wǎng)站網(wǎng)頁設(shè)計 網(wǎng)頁設(shè)計問題:怎樣將文字對齊?
網(wǎng)頁設(shè)計問題:怎樣將文字對齊?最簡單的方法是給文字所在的那個標簽加一個padding-top,用上填充的方法模擬出文字向下對齊的效果來。如果不想用這種方法,也有比較復(fù)雜的實現(xiàn)手段。假設(shè)上面html的代
網(wǎng)頁設(shè)計問題:怎樣將文字對齊?
最簡單的方法是給文字所在的那個標簽加一個padding-top,用上填充的方法模擬出文字向下對齊的效果來。如果不想用這種方法,也有比較復(fù)雜的實現(xiàn)手段。假設(shè)上面html的代碼是是這樣的:<divclass="footer"><divclass="center">廣東科技學(xué)院……</div></div>那么可以這樣來定義它的css.footer{height:100pxposition:relative}.center{position:absolutebottom:0text-align:center}給文字做一下絕對定位,這樣它的父元素?zé)o論高度是怎樣,都可以向下對齊了。
如何運用網(wǎng)頁設(shè)計中對齊原則?
一、對齊 對齊(Alignment):任何東西都不能在頁面上隨意安放。每個元素都應(yīng)當(dāng)與頁面上的另一個元素有某種視覺聯(lián)系。這樣能建立一種清晰、精巧而且清爽的外觀。
二、對比 對比(Contrast):對比的基本思想是,要避免頁面上的元素太過相似。如果元素(字體、顏色、大小、線寬、形狀、空間等)不相同,那就干脆讓它們截然不同。要讓頁面引人注目,對比通常食最重要的一個因素,
三、親密性 親密性(Proximity):彼此相關(guān)的項應(yīng)當(dāng)靠近,歸組在一起。如果多個項相互之間存在很近的親密性,它們就會成為一個視覺單元,而不是多個孤立的元素。這有助于組織信息,減少混亂,為讀者提供清晰的結(jié)構(gòu)。
四、重復(fù) 重復(fù)(Repetition):讓設(shè)計中的視覺要素在整個作品中重復(fù)出現(xiàn)??梢灾貜?fù)顏色、形狀、材質(zhì)、空間關(guān)系、線寬、字體、大小和圖片,等等。這樣一來,既能增加條理性,還可以加強統(tǒng)一性。