CSS Shapes:Web設計人員的新工具

    2013-08-30 13:00 來源:電子信息網 作者:和靜

    如果說最近的扁平化設計趨勢已經證明了某些事情,可是當談到整合的時候,它又不可否認的限制了Web設計人員的創造力。現在我們不需要再為斜面、梯度和光澤度而感到心煩意亂了,因為,Web設計人員可以圍繞一個結構來構建他們的設計,那就是——矩形。

    當然啦,整合成矩形組的方法有很多,可是當考慮命令類型和設計不同解決方案的時候,布局選項看起來明顯有限。

    我們都知道,并不是所有的角落都有角度,也并不是所有的線條都是直線。事實上,上世紀出現的一些激動人心的網格設計就已經脫離了弧和角度的局限,同時給人們的生活帶來了緊張、戲劇和興奮的熱潮。在印刷設計領域有一個簡單的命題:在InDesign里打開一個文檔,在此階段選擇橢圓形工具并畫一個圓,接著選擇文字工具并點擊這個圓,現在把它粘貼在text里;現在試著在CSS里做同樣的事情,繼續做...

    的確,在一個網頁上有更多的方法可以畫一個圓,但是如果你將text浮動在所畫的圓的周圍,你就會發現它并不是一個真正的圓;它的邊界框仍然是矩形。要想創建一個浮動到曲線的text的不二選擇就是在每條線的開端插入空格,在這條線的末端斷開,人為壓縮text。

    針對上述問題,W3C正在開發CSS Shapes。6月20日發布其首次公開工作草案——CSS Shapes Module Level 1,詳細介紹了非矩形形狀的使用,和與之相關的盒型模式和浮動能力。目前正在進行的工作擬定添加形狀矩形、插圖矩形、圓、橢圓和多邊形到CSS里。

    最初的目的只是希望文本內容能夠在形狀周圍浮動,為了達到這個目的,不得不使用shape-outside屬性,就像:

    1

    1 2 > 
    CSS Shapes Web設計

    相關閱讀

    暫無數據

    一周熱門

    亚洲AV伊人久久青青草原| 亚洲熟伦熟女专区hd高清| 日韩色日韩视频亚洲网站 | 亚洲av之男人的天堂网站| 一本久久综合亚洲鲁鲁五月天| 亚洲成aⅴ人片久青草影院| 亚洲av日韩av永久在线观看| 亚洲久悠悠色悠在线播放| 亚洲另类古典武侠| 亚洲日产2021三区| 亚洲区视频在线观看| 亚洲免费观看在线视频| 亚洲成aⅴ人片在线影院八| 亚洲精品国产第1页| 久久精品国产精品亚洲| 4338×亚洲全国最大色成网站| 亚洲av无码不卡私人影院| 亚洲hairy多毛pics大全| 亚洲熟女综合色一区二区三区 | 亚洲片国产一区一级在线观看| 亚洲 小说区 图片区 都市| 久久久亚洲精华液精华液精华液| 亚洲国产欧美日韩精品一区二区三区 | 亚洲1区2区3区精华液| 亚洲hairy多毛pics大全| MM1313亚洲精品无码久久| 苍井空亚洲精品AA片在线播放| 亚洲а∨精品天堂在线| 亚洲av无码一区二区三区四区| 蜜芽亚洲av无码一区二区三区| 国产精品国产亚洲区艳妇糸列短篇| 亚洲精品GV天堂无码男同| 老司机亚洲精品影院在线观看| 亚洲?v女人的天堂在线观看| 亚洲精品无码成人片在线观看| 亚洲五月综合网色九月色| 亚洲国语精品自产拍在线观看| 亚洲一本综合久久| 亚洲日产2021三区在线 | 亚洲一区二区三区乱码A| 久久亚洲中文字幕精品一区|