Posts tagged css

Text: CSS排版技巧:最近心得

1. 邊框
a.區塊形狀可以用來當背景圖案的遮色片
CSS3圓角框可背景圖變成圓角

b.兩個交疊區塊
子區塊可讓母區塊的底圖成為邊框

2. Casal da Penha
網頁排版方式經強者我朋友判定為Responsive WebDesign
其CSS 以及HTML 原始碼內含豐富資源:
(YES, 我是那種到處喜歡窺看人家原始碼的人XD)
a. Conditional stylesheets vs CSS hacks? Answer: Neither!
b. HTML5 ★ Boilerplate
c. “Mobifying” Your HTML5 Site
d. Modernizr


3. Responsive WebDesign
可針對裝置大小做區塊位置調整的網頁設計。
相關info http://www.plurk.com/m/p/fdwywt

a. Skeleton
基於 http://960.gs 發展出來的Resposible Web Design template.

b. http://960.gs
使用說明詳 Fight Div-itis and Class-itis With the 960 Grid System
簡言之:
利用已定義好寬度的class組合
決定網頁版面各區塊的位置。