- Dec 01 Thu 2022 11:04
-
VScode 安裝
- Nov 22 Tue 2022 13:29
-
多重背景圖+漸層背景色
.in_section2 {
background-image: url(../images/img_aaa.png), url(../images/img_a1.svg),
-webkit-gradient(linear, left top, left bottom, from(#f5fffe), to(#d4f6f4));
background-image: url(../images/img_aaa.png), url(../images/img_a1.svg),
linear-gradient(to bottom, #f5fffe, #d4f6f4);
background-repeat: repeat, no-repeat, no-repeat;
background-position: center center, left bottom, right;
background-size: auto, 310px;
}
- Feb 15 Fri 2019 14:54
-
線上繪圖: canvas
- Jul 22 Sun 2018 15:26
-
html5:新屬性-video、audio 影片、音訊檔案置入
- Mar 23 Fri 2018 17:07
-
HTML5: 表單 新屬性

@ type="search"
原始碼:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>測試</title>
</head>
<body>
serch: <input type="search"><br/>
text: <input type="text">
</body>
</html>
- Mar 21 Wed 2018 14:52
-
html5: 新屬性-draggable 可進行拖放段落
draggable 一開始也是由 IE 引入,並擁有良好的瀏覽器支援(在預設情況下,某些元素已可拖曳: a 與 img )
但單單在元素上加上draggable仍無法產生拖放效果。draggable只是讓你指定可以拖曳的元素
但單單在元素上加上draggable仍無法產生拖放效果。draggable只是讓你指定可以拖曳的元素
- Mar 21 Wed 2018 13:12
-
html5: 新屬性-contenteditble 可編輯區域

contenteditable 屬性初次現身於IE5.5,之後其它瀏覽器均將它納入支援項目。
原先目的是要支援瀏覽器編輯,使只允許使用者編輯內容,卻沒有保存編輯結果的功能,也不能產生所見即所得編輯器常見的編輯控制選項。
- Mar 20 Tue 2018 16:12
-
HTML5: 新增屬性-hidden

hidden 是 HTML5 具爭議的新功能之一。依據規範定義,hidden 應該套用在使者所檢視的畫面中 尚未或不再有關係 的內容,故瀏覽器不該將它呈現出來
但,文件物件模型(DOM)與搜尋引擎等機器仍然可以存取它的內容,也就是說如果該內容與使用者正檢視的畫面有關的話,JavaScript就可以鎖定它(例如),並移除這個屬性將內容呈現
- Mar 20 Tue 2018 15:57
-
HTML5: 新增屬性- <ol>
- Mar 20 Tue 2018 15:16
-
HTML5:原生摺疊(收合)段落<summary>

將所有內容包在details元素內,並以summary指示某些內容區是"可摺疊的"<thead>應該拿來放表格的標題
若需預設情況下是展開的,可加入open屬性<details open>
- Mar 20 Tue 2018 14:14
-
Html5微格式:標記時間<time>

以人類可以理解的日期時間資訊包含在time元素內,並以datatime屬性指定機器可讀的資訊 (可僅標示時間、日期或時區,亦可不需要標註)
為實現機器可讀性,時間日期資計必需為國際標準式 ISO 8601,期日期格式為YYYY-MM-DD,時間格式為hh:mm:ss。當要結合時間與日期時需以 T 來結合數字表示
- Mar 18 Sun 2018 15:59
-
html5 文件架構新元素



