Web標準化的優點
網頁設計標準目標
HTML基本架構
HTML組成元素
CSS基本語法結構
選取器類型:標籤
選取器類型:ID
選取器類型:類別
選取器類型:複合
儲存位置與使用比較
區塊基本元素
選取器優先權
使用區塊設置版面
設計二欄式版面
網頁文字內容結構化
版型圖不切割的運用
定位position
定位的進一步比較
定位運用練習
==== JS =========
認識 JavaScript
第一個JS程式練習
16. 版型圖不切割的運用
為了版型設計及維護更新更容易,版型圖可以不切割。
版型圖:
HTML原始碼(第一階段版型):
CSS原始碼(第一階段版型):
結果(第一階段版型):
HTML原始碼(第二階段導覽列第一個按鈕):
CSS原始碼(第二階段導覽列第一個按鈕):
結果(第二階段導覽列第一個按鈕):
CSS原始碼(第三階段導覽列全部):
結果(第三階段導覽列全部):
解決瀏覽器連結區虛線問題:
參閱範例結果