技術(shù)智力又作用于設(shè)計(jì)思維從而形成設(shè)計(jì)方法論??茖W(xué)技術(shù)不僅為設(shè)計(jì)師提供了新的設(shè)計(jì)手段、設(shè)計(jì)對象和設(shè)計(jì)材料,而且為設(shè)計(jì)師定義了思考方式和創(chuàng)新途徑。平面視覺傳達(dá)意義上的布局相對繁復(fù),網(wǎng)頁視覺中的所謂布局其實(shí)就是大小和位置。簡而言之,就是每一個(gè)DIV的寬、高尺寸和定位位置。我們看到的每一個(gè)網(wǎng)頁頁面都是由無數(shù)個(gè)DIV組成,這些DIV是怎樣的包含關(guān)系、并列關(guān)系、嵌套關(guān)系,以及是怎樣的邊距與間隔關(guān)系,我們都需要定義和布局。CSS3除了既有的absolute、relative、fixed之外,還有static 。
另外還有float。更為重要的是,CSS3實(shí)現(xiàn)可以計(jì)算的自適應(yīng)布局——calc()。頁面設(shè)計(jì)時(shí)可以使用calc()給元素的margin、pading、width等屬性賦值,而且還可以在一個(gè)calc()內(nèi)部嵌套另一個(gè)calc()。其語法也不復(fù)雜,就是使用數(shù)學(xué)表達(dá)式,該表達(dá)式可以包含四則運(yùn)算、百分比以及px、em、rem等單位,而且可以混用多種單位計(jì)算。calc其實(shí)是calculate的縮寫,運(yùn)用此種運(yùn)算設(shè)定,就可以消除添加邊距或者邊框帶來的常見問題,從而實(shí)現(xiàn)自適應(yīng)瀏覽設(shè)備的寬度。
本文地址:http://m.cdrpkj.cn//article/21851.html