30天分享(13) - HTML5 <track> 標籤 <track> 是用來顯示 video 裡的字幕 ,支援 vtt 檔 , 使用...
30天分享(14) - HTML5 fieldset 標籤 <fieldset> 是表單原本預設樣式的標籤,可以快速建立表單, 裡面的 CSS 設定...
30天分享(15) - 加入 Shiv 讓舊版本瀏覽器支援 HTML5 新標籤 舊 IE 瀏覽器並不支援 HTML5, 所以並不認識 HTML5 新標籤 ,如果...
30天分享(16) - HTML5 拖曳與置放 HTML5 支援物件的拖曳與置放,使檔案或圖片能從一個位置拖曳到另一個位置, 程式碼如下 : <!DOC...
CSS 置入檔案的方式有兩種,一種是從 HTML 外部匯入, 另一種是從 CSS 內部匯入,(其實有四種方式,但其他兩種已經不建議使用) 先介紹外部匯入 :...
30天分享(18) - 行內元素 & 區塊元素 CSS 的行內元素與區塊元素有不同的規則與預設樣式, 區塊元素有以下標籤等 : <div>...
30天分享(19) - CSS3 hack 由於 CSS3 在各家瀏覽器支援度不同,除了產生不同的樣式外, 也可能會影響某些功能無法顯示,所以需要在 CSS 裡...
CSS3 邊框多了圓角、陰影及邊框圖片, 讓我們來看看使用方法,至於產生的效果, 請大家貼以下的程式碼試試看 : 如要使用圓角 : div { border-...
30天分享(21) - CSS3 背景 CSS3 的背景新增了兩個屬性, 1.background-size 2.background-origin 1.bac...
30天分享(22) - CSS3 漸層 CSS3 新增許多漸層,讓我們直接來看看使用方式 : background: linear-gradient(red,...