工作筆記(CSS+HTML)

12月 01 週四 202211:04
VScode 安裝

介面中文化： ctrl+shift+p 後貼上“ Configure Display Language ” 按下enter 執行後，重開VScode 即可
推薦套件：

ksyia 發表在痞客邦留言(0) 人氣(63)

個人分類：

11月 22 週二 202213: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;
}

(繼續閱讀...)

ksyia 發表在痞客邦留言(0) 人氣(5)

個人分類：CSS3

▲top

2月 15 週五 201914:54
線上繪圖： canvas

canvas 標籤是HTML5裡最早導入的，其本身並不是圖像，而是繪制圖片的區域

(繼續閱讀...)

ksyia 發表在痞客邦留言(0) 人氣(1,461)

個人分類：HTML5

▲top

7月 22 週日 201815:26
html5:新屬性-video、audio 影片、音訊檔案置入

video 插入方式與插人圖片(img)一樣簡單，只要設定好路徑及尺寸即可
但在 html5 插入的影片不會自動播放，得在影片畫面上新增控制面版，才能顯示播放鍵或自動播放

(繼續閱讀...)

ksyia 發表在痞客邦留言(0) 人氣(5,707)

個人分類：HTML5

▲top

3月 23 週五 201817: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>

(繼續閱讀...)

ksyia 發表在痞客邦留言(0) 人氣(3,669)

個人分類：HTML5

▲top

3月 21 週三 201814:52
html5: 新屬性-draggable 可進行拖放段落

draggable 一開始也是由 IE 引入，並擁有良好的瀏覽器支援(在預設情況下，某些元素已可拖曳: a 與 img )
但單單在元素上加上draggable仍無法產生拖放效果。draggable只是讓你指定可以拖曳的元素

(繼續閱讀...)

ksyia 發表在痞客邦留言(0) 人氣(244)

個人分類：HTML5

▲top

3月 21 週三 201813:12
html5: 新屬性-contenteditble 可編輯區域

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

(繼續閱讀...)

ksyia 發表在痞客邦留言(0) 人氣(702)

個人分類：HTML5

▲top

3月 20 週二 201816:12
HTML5: 新增屬性-hidden

hidden 是 HTML5 具爭議的新功能之一。依據規範定義，hidden 應該套用在使者所檢視的畫面中尚未或不再有關係的內容，故瀏覽器不該將它呈現出來
但，文件物件模型(DOM)與搜尋引擎等機器仍然可以存取它的內容，也就是說如果該內容與使用者正檢視的畫面有關的話，JavaScript就可以鎖定它(例如)，並移除這個屬性將內容呈現

(繼續閱讀...)

ksyia 發表在痞客邦留言(0) 人氣(1,107)