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設計

    相關閱讀

    暫無數據

    一周熱門

    亚洲国产中文v高清在线观看| 亚洲视频国产精品| 78成人精品电影在线播放日韩精品电影一区亚洲 | 亚洲日韩精品无码专区加勒比| 亚洲精品视频在线| 亚洲视频国产视频| 亚洲图片在线观看| 久久精品国产亚洲AV网站| 久久精品国产亚洲AV天海翼| 亚洲美女激情视频| 91亚洲国产成人久久精品网站| 亚洲综合视频在线| 久久丫精品国产亚洲av不卡| 亚洲av永久无码制服河南实里| 亚洲级αV无码毛片久久精品| 亚洲av色香蕉一区二区三区| 亚洲中文字幕无码中文| 91亚洲自偷手机在线观看| 老司机亚洲精品影院| 久久精品国产亚洲77777| 亚洲最新视频在线观看| 久久亚洲精品中文字幕| 亚洲综合小说久久另类区| 亚洲老熟女@TubeumTV| 亚洲国产成人精品久久 | 亚洲精品色婷婷在线影院| 亚洲国产精品日韩| 亚洲中文字幕伊人久久无码| 亚洲色婷婷综合开心网| 亚洲人成人网站色www| 亚洲国产精品成人精品无码区 | 亚洲av成人无码久久精品| 久久精品国产亚洲AV网站| 亚洲午夜视频在线观看| 亚洲视频欧洲视频| 亚洲免费在线观看视频| 亚洲成人激情小说| 亚洲AV无码国产剧情| 亚洲AⅤ优女AV综合久久久| 久久精品国产精品亚洲| 亚洲男同帅GAY片在线观看|