CSS - Wibibi 網頁設計教學百科

CSS span 區域可以很輕易的將我們想調整的文字包起來做樣式設計，這當然也包含了對文字的字型下定義，例如將 span 區域內的字型修改成 serif、sans-serif、monospace 甚至是常見的新細明體、標 ...... 詳細閱讀

CSS 的語法可以很輕鬆的修改 span 區域的邊框顏色與邊框樣式，讓預設為沒有顏色且沒有邊框樣式的 span 區域展現出獨特的視覺風格，舉例來說，:D就是一個有邊框風格的 span 區域，要設計 span 的邊框顏色設 ...... 詳細閱讀

CSS span 區域標籤可以用來輕易的將網頁內容特定的部分標示起來並設計出不同的區域效果，例如改變文字的大小、顏色、樣式、字型 ... 等，都是可以的，同時 span 區域也可以擁有自己的背景顏色，網頁設計師只需要採用 ...... 詳細閱讀

CSS display:inline-block 的效果可以讓許多區塊自動浮動起來水平排列，而且不需要額外設定 clear 也不會讓接著的元素浮上來蓋住區塊，這樣說起來有點抽像，在傳統的設計 DIV 區塊水平排列的時候， ...... 詳細閱讀

CSS a 連結樣式效果設計可以提供網頁內的連結（a href）在被使用時的效果，例如滑鼠移到某一條連結上，讓連結產生不同的顏色，或是標注網友已經看過的連結為不同顏色，這些都可以利用 CSS 提供的 a 連結樣式設計功能 ...... 詳細閱讀

傳統的網頁設計在網頁內添加三角形圖案必須使用圖案設計的方式來加入，也就是先用繪圖軟體畫好一個三角形，然後才能加入到網頁中，除了設計花時間之外，檔案還要上傳到伺服器，後續維護也比較麻煩，CSS 的出現改變了這種傳統的設計方 ...... 詳細閱讀

CSS display 屬性是讓網頁設計師可以自由設定網頁元素的顯示類型，HTML 元素本身的顯示類型就是預設的，而且每一種不同的元素都會有自己的預設值，常見的顯示類型有「區塊元素」與「內行元素」，預設為 display ...... 詳細閱讀

CSS box model 盒子模型也稱為區塊模型，所謂的 box model 其實就是傳統的 HTML 區塊概念再進化，假設我們用了一個 DIV 區塊來放置內容，CSS 允許網頁設計師將 DIV 區塊看成一個盒子，透過 ...... 詳細閱讀

CSS list-style 列表屬性是 CSS 提供網頁設計師調整列表的顯示功能，所謂的列表就是 HTML ul li 項目標籤或 HTML ol li 項目標籤，中文也常稱為項目標籤或清單，不僅是網頁設計師，就連一般 ...... 詳細閱讀

HTML button 按鈕的大小可以透過 CSS 內建的 width 與 height 這兩個屬性，分別來控制按鈕的寬度與高度，精準得設計出我們所需要的按鈕大小，比傳統的 HTML 對按鈕大小的控制來的更準確，我們這裡 ...... 詳細閱讀