如果說最近的扁平化設(shè)計(jì)趨勢(shì)已經(jīng)證明了某些事情，可是當(dāng)談到整合的時(shí)候，它又不可否認(rèn)的限制了Web設(shè)計(jì)人員的創(chuàng)造力?，F(xiàn)在我們不需要再為斜面、梯度和光澤度而感到心煩意亂了，因?yàn)?，Web設(shè)計(jì)人員可以圍繞一個(gè)結(jié)構(gòu)來構(gòu)建他們的設(shè)計(jì)，那就是——矩形。
當(dāng)然啦，整合成矩形組的方法有很多，可是當(dāng)考慮命令類型和設(shè)計(jì)不同解決方案的時(shí)候，布局選項(xiàng)看起來明顯有限。
我們都知道，并不是所有的角落都有角度，也并不是所有的線條都是直線。事實(shí)上，上世紀(jì)出現(xiàn)的一些激動(dòng)人心的網(wǎng)格設(shè)計(jì)就已經(jīng)脫離了弧和角度的局限，同時(shí)給人們的生活帶來了緊張、戲劇和興奮的熱潮。在印刷設(shè)計(jì)領(lǐng)域有一個(gè)簡(jiǎn)單的命題：在InDesign里打開一個(gè)文檔，在此階段選擇橢圓形工具并畫一個(gè)圓，接著選擇文字工具并點(diǎn)擊這個(gè)圓，現(xiàn)在把它粘貼在text里;現(xiàn)在試著在CSS里做同樣的事情，繼續(xù)做...
的確，在一個(gè)網(wǎng)頁(yè)上有更多的方法可以畫一個(gè)圓，但是如果你將text浮動(dòng)在所畫的圓的周圍，你就會(huì)發(fā)現(xiàn)它并不是一個(gè)真正的圓;它的邊界框仍然是矩形。要想創(chuàng)建一個(gè)浮動(dòng)到曲線的text的不二選擇就是在每條線的開端插入空格，在這條線的末端斷開，人為壓縮text。
針對(duì)上述問題，W3C正在開發(fā)CSS Shapes。6月20日發(fā)布其首次公開工作草案——CSS Shapes Module Level 1，詳細(xì)介紹了非矩形形狀的使用，和與之相關(guān)的盒型模式和浮動(dòng)能力。目前正在進(jìn)行的工作擬定添加形狀矩形、插圖矩形、圓、橢圓和多邊形到CSS里。
最初的目的只是希望文本內(nèi)容能夠在形狀周圍浮動(dòng)，為了達(dá)到這個(gè)目的，不得不使用shape-outside屬性，就像：
