※ 174種CSS 範本展示,包括各類 HTML 標籤(tag)的 CSS 設定範本
・CSS accent-color:三個物件,Checkbox、Radiobutton、Range
・CSS align-content:文字列的排列方式
・CSS align-items:Flexbox 的上下排列方式
・CSS align-self:Flexbox 的自訂排列的方式 (algin-self 取代 Flexbox 預設的排列方法)
・CSS backdrop-filter:背景瀘鏡的運用(濾鏡功能,可把前景物件變透明)
2022年7月18日 星期一
OWDL - Language List
◆ HTML
○ HTML 常用網頁字符
○ HTML 全部字符
・(英) HTML4,5 Entity Name (字符) A~Z - w3schools.com
・(繁) HTML 4, 5 Entity Name (字符) A~Z - w3big.com
◆ Javascript
○ CSS
・從 Javascript 修改 CSS
・
・
・
・
◆ CSS
・CSS background 3個應用範例
・
・
・
◆ JCH5 綜合範本 (Javascript, CSS, HTML5)
○ CSS 174種範本展示 - w3schools.com
○ HTML 常用網頁字符
○ HTML 全部字符
・(英) HTML4,5 Entity Name (字符) A~Z - w3schools.com
・(繁) HTML 4, 5 Entity Name (字符) A~Z - w3big.com
◆ Javascript
○ CSS
・從 Javascript 修改 CSS
・
・
・
・
◆ CSS
・CSS background 3個應用範例
・
・
・
◆ JCH5 綜合範本 (Javascript, CSS, HTML5)
○ CSS 174種範本展示 - w3schools.com
2022年7月15日 星期五
常用網頁字符
字 符 | HTML Name | HTML Code | CSS Code | 說 明 | ||||
× | × | × | \00D7 | 乘法的叉叉,右上方關閉視窗的通用叉叉 | ||||
✕ | 空 | ✕ | \2715 | 網頁顯示中,大「乘法叉」近一半。在一般記事本則只略大一小點,近乎相同 | ||||
‹ | ‹ | ‹ | \2039 | 微 | ||||
› | › | › | \203A | 微 | ||||
❬ | 細 | |||||||
❭ | 細 | |||||||
❮ | 中 | |||||||
❯ | 中 | |||||||
❰ | 粗 | |||||||
❱ | 粗 | |||||||
« | « |
« | \00AB | 放大至50px就會順眼 | ||||
» | » | » | \00BB | 放大至50px就會順眼 | ||||
✖ | 空 | ✖ | \2716 | 粗體的叉叉字符 | ||||
○ | 空 | � | \0000 | 空白 | ||||
○ | 空 | � | \0000 | 空白 | ||||
○ | 空 | � | \0000 | 空白 | ||||
○ | 空 | � | \0000 | 空白 | ||||
○ | 空 | � | \0000 | 空白 | ||||
○ | 空 | � | \0000 | 空白 | ||||
○ | 空 | � | \0000 | 空白 | ||||
○ | 空 | � | \0000 | 空白 | ||||
○ | 空 | � | \0000 | 空白 | ||||
○ | 空 | � | \0000 | 空白 | ||||
○ | 空 | � | \0000 | 空白 | ||||
○ | 空 | � | \0000 | 空白 | ||||
○ | 空 | � | \0000 | 空白 | ||||
○ | 空 | � | \0000 | 空白 |
※ 背誦字符的簡單方式:
・記下它的 「 Unicode Number 」,它通常等同 CSS Code,或八進位的編號。
・八進位的背誦方式,是加一個「 x 」,以✖為例是 「 &#x 」 加上 「 2716; 」
※ 全部字符:
・(英) HTML4,5 Entity Name (字符) A~Z - w3schools.com
・(繁) HTML 4, 5 Entity Name (字符) A~Z - w3big.com
訂閱:
文章 (Atom)