HTML 中預設的文字大小是 16 像素,在 CSS 語法中 1em 指的是文字大小以一個大寫的 M 字為標準的大小,和HTML 中預設的文字大小是 16 像素是相同的,因此 1em 也可以說是 CSS 語法中的預設的文字大小。
提供網頁設計相關資訊,CSS、JavaScript、FLASH...
其實所謂「Web 2.0的設計風格」這種東西一直是個假議題,我很同意Elliot的看法。從前面提到手繪風的流行,也表現出大家對於圓角、漸層、閃亮按鈕(rounded corners, gradients, shiny buttons)這些東西膩了,相信大部份的設計師都會對此感到很開心。
PNG 是一個很好用的圖片格式,但最大的問題是 IE 不直接支援它的 Alpha Channel。我既找到可以令它支援的方法,就是用 filter 的 AlphaImageLoader。
如果您想學習 CSS,又沒有太多時間由基礎學起,那本書能透過問題與解答方式,提供解答與範例,可以套用,同時又針對問題的解決方式,按步驟說明原理,您可以透過目錄找到您想要的答案,也可以由第一章開始往後面的章節閱讀,當作是一本完整教材。
內含完整範例程式下載。
超過 100 種 Web 2.0 線上產生器
包括logo, 圖形, 按鈕, 貼紙, 配色, CSS, domain name, favicon, meta tags, robots.txt, form等一應俱全
很方便的css線上編輯!
40個免費單欄版型
這裡有許多樣式的表格,讓你快速的建構出一個你喜歡的風格!
RoundedCornr 是一個能幫助使用者,經過幾步簡單的設定後就可以產生圓角圖形或是含有圓角邊框的內容盒 (rounded corner box) 的網站。
可以學到蠻多東西的 美工人員可以看看
許多成功的網站之所以受到喜愛的原因,在於它們都具有各自獨特的風格與美感。 網站的『風格』或『美感』絕非在網站放置許多吸引人的圖片(除非你的每一張圖片都在一定的水準以上),而是指網站所傳達出的個人或企業的獨特形象。一個好的網站要能呈現出令人賞心悅目的視覺,其中所使用的色調、圖像、介面設計、應用程式、資訊安排等元素互相緊密的結合,不僅讓使用者能注意到網站的個別影像或功能,更能感受到網站所提供的整體氣氛。
Welcome to FreeWebTemplates.com ! We have a collection of 3912 Free Templates available for download created by designers from around the globe.
免費網頁樣板
Nifty Corners: rounded corners without images
css+js的圓角作法,不需要圖片。
css 導覽列
Free CSS Templates 這個網站目前設計並提供 100 多個免費的 CSS 模板,使用 CC 姓名標示 2.5 授權使用。 每個模板都別具特色,完全不使用表格 (純 CSS 及 XHTML 打造) 及符合 W3C 的 XHTML 標準。就算不直接下載套用的話,拿來參考別人的 CSS 怎麼寫也很受用。
This guide will attempt to take you step by step, through the process of creating a fully functioning CSS layout. I will try my best to explain the concepts behind each step, but a lot of the time other people have already covered these things better than I can. Because of this there will sometimes be links to more information on external sites.
CSS Templates
對於網頁設計者來說Smashing Magazine真的是一個值得推薦的好站,它提供了很多好文章,這次要介紹的是53 CSS-Techniques You Couldn’t Live Without,共整理了53個你不能錯過的CSS技巧!
謝謝你
The layout generated has changed significantly from previous versions. The main reason for change was to simplify the layout and in doing so make it easier to use. It no longer provides fixed width columns with fluid center or full length columns by default. This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages. Links to articles in the "Layout Hints" box to the right and the CSS Forum will provide help where needed. The generator requires a DOM capable browser with JavaScript enabled. To create your layout select the structural elements your site requires (header, footer, columns). Then specify a size in the field provided and choose a background color from the color chooser below. The color chooser changes values as you move your mouse along a row. To set the value of a row, click on the color row, to release click again. Once the color in the box is the color you are after, click in the background-color field to assign it the value.
CSS多層選單產生器
CSS小幫手
CSS, Web Development, Color Tools, SEO, Usability etc.
超多樣的頁面設計樣本,css flash 3D...,不過是要錢的..但是很值得看ㄛ..有數百種樣板唷
原本三欄式的設計是希望能夠看起來很優雅細緻的感覺,但是看到人行道套用後,只要塞入多一點 widgets,版面內容就突然變得相當複雜(這跟 CSS 調整、字型大小設定也有關係),所以決定將三欄式( 3 Columns)拿出來修改一下,釋出新的 3 Columns Template Layout EVO 版!
預覽連結的screenshot服務