Tag: CSS

082 月

CSS樣式架構[4] 模組套件型 (Module)

模組套件型樣式是指分頁模組樣式pager.css、表單模組樣式form.css、或該頁面有套用到什麼jQuery的效果，伴隨該 jQuery所產生的css，這些css就都放在資料夾「c」或「css」底下的「module」裡。jQuery所產生的css會以jquery開頭後面再加上該plugin的名稱，以便識別。
  • CSS, jQuery
  • Posted by admin  Posted on 08 2 月  0 Comments
  • Read More
241 月

CSS樣式架構[2] 全站共用型 (Common)：重置樣式與框架樣式

重置樣式 (reset.css)為了統一所有瀏覽器內建值，避免hack寫不完，所以每一頁一定要引入重置樣式reset.css，現在最多人使用的reset有兩套，一套是Eric Meyer的版本，一套是YUI (Yahoo UI Library) 的版本。框架樣式 (layout.css)這支css的用途是在定義網頁的架構樣式，所以一些像font、color…等與結構無關的樣式設定，應該要避免設定在這支css內。
  • CSS, Eric Meyer, YUI
  • Posted by admin  Posted on 24 1 月  0 Comments
  • Read More
241 月

CSS樣式架構[1] 共用型、模組型、頁面型

所有css都只用link的方式引入，其他的import、style embed都不使用，import的引入時間會是在所有用link方式的css之後，所以為了避免版面會在一開始的時候跑版，所以import的方法也都一律不使用，in-line style的方式則保留給JS運用。並統一集中在同一個資料夾內，資料夾名稱視專案的需求而定，不過通常不超出「c」、「css」這兩個名稱。
  • CSS
  • Posted by admin  Posted on 24 1 月  0 Comments
  • Read More
191 月

CSS Layout 的好處

常常有人會問到 CSS Layout 到底有什麼可取之處， 一樣的網頁設計工作，為何不採取相對單純許多的傳統 Table Layout 作法， 反而要選擇一個較不直覺 (其實是設計習慣問題)， 技術成份較煩雜，學習曲線較高的 CSS Layout...
  • CSS
  • Posted by admin  Posted on 19 1 月  0 Comments
  • Read More
101 月

HTML設計規範[3] 選用符合資料意義的正確標籤

在學會CSS Layout前，要先瞭解CSS Layout並不是單純只是用<div>把所有內容包起來，再用CSS做樣式，就是CSS Layout，而是要對XHTML的標籤有一定的瞭解，這樣才能寫出正確的結構。以下就網頁中常碰到的五大元素類型來介紹XHTML的標籤...
  • CSS, HTML, XHTML
  • Posted by admin  Posted on 10 1 月  0 Comments
  • Read More
2512 月

頑固的 iPhone Safari 按鈕樣式

iPhone Safari 的按鈕樣式會自行強制格式化過， 要特別留意，不要在按鈕上設定太大的 padding， 尤其是 padding-top 及 padding-bottom， 會讓 iPhone3 Safari 的按鈕文字無法對齊中線
  • CSS, iPhone
  • Posted by admin  Posted on 25 12 月  0 Comments
  • Read More
2911 月

Web前端開發設計概要說明

網頁元素可分成三大部份：結構 (HTML)、樣式 (CSS)、行為 (JavaScript)。前端開發的理想目標，就是要盡量將這三個部份各自分離獨立。透過CSS Layout的設計理念，可以將樣式從結構中抽離出來，透過非侵入式Unobtrusive JavaScript的設計準則，還有jQuery的輔助，可以將行為從結構及樣式中獨立出來。
  • CSS, HTML
  • Posted by admin  Posted on 29 11 月  0 Comments
  • Read More
Previous Page