想要讓自己的網站讓人耳目一新?絕不能錯過HTML5教學!
學了HTML5教學,可別告訴我這些你都不會!這次可別再錯過用CSS這大絕招來點綴你的網頁啊! 作為 前端工程師 ，我們可以把 CSS 想像成是 HTML 標記的「化妝師」，透過 CSS 格式的設定，可讓網頁的排版更美觀。新版的 CSS 加入了動態的功能，透過適當的應用，還可在網頁上做出動態的效果。 在 HTML 檔案中，除非你做的是整體網頁的設計，不然每一個 CSS 片段都是依附在一個標記、id 或是 class 之下。 標準的 CSS 語法如下： tag1,tag2,..., tagn { attribute 1: value; attribute 2: value; … attribute n:value; } 語法解析： tag1,tag2,..., tagn：最前方以要設定的標記名稱 ( 如本例為「tag1」) 為開始。如有超過一個以上的標記，就使用逗號隔開。 { }：以大括號來包含該標記的所有的設定 attribute 1: value;："attribute "為要設定的屬性名稱，"value"為屬性值，屬性名稱與值以冒號來做隔開。如有超過一個以上的屬性設定，就使用分號隔開。 以上例子為所有的標記名稱 (tag1,tag2,..., tagn) 均設定同樣的屬性，但這些標記各自獨立，無依屬關係。如有依屬關係則為以下所示： tag1 tag2 { attribute 1: value; attribute 2: value; … attribute n:value; } 此例中，tag1 與 tag2 中間無任何的逗號，而 tag2 在 tag1 的後方，意思為「tag2 是 tag1 裡面的標記」，也就是我們要設定的屬性值是「tag1 裡面的 tag2 所屬的內容」，而不是把 tag1 和 tag2 設定成同一組屬性值。 至於 前端工程師 們如何把所設定的 CSS 值在網站中生效? HTML5教學 提供兩種方法： 1. 以外部的檔案存檔 先把上述的 css 內容以「.css」的檔案名稱存在網站主機上。此例為「style.css」，然後在其對應的 HTML 檔案中使用「<link>」標記引入，如下所示： ...
