今天先稍微整理一下以前亂透的筆記，待續...

HTML

<textarea>

<textarea rows="30" cols="10"></textarea>

橫排字30、滾動10排。

<a>標籤屬性

<a target="_blank">

開新視窗，其他還有在同網頁打開"兩項預覽"等等

表單元素

<form action="html">提交數據</form>
<label for=""></label>
<input id="" type="" placeholder>
<fieldset><legend>

表格元素

<table></table>
<th>"table header cell"表頭單元格</th>
<tr>"table row"表行</tr>
<td>"table date cell"表中資料單元</td>
<!-- tr包th、td -->
<!-- border-collapse，表格黏在一起-->
<!-- border-separate ，表格分開-->

敘述列表

<dl>敘述列表、<dt>敘述標題、<dd>敘述描述

<abbr>

<abbr title="說明">縮寫詞</abbr>

引用元素

<blockquote></blockquote>，<q></q>，兩種引用標籤
<cite></cite>，引用來源，也可以當作標籤中的屬性<blockquote cite="http://">，但不產生超連結
<cite><a href="htp://"></a></cite>

<script>

script不是空元素，因此需要結束標籤<script></script>
並且建議把它放在文檔的結尾（在</body>之前），
確保在加載腳本之前瀏覽器已經解析了HTML內容，
（如果腳本加載某個不存在的元素，瀏覽器會報錯）。

<br>

使用以下示例換行

<p></p>
<p></p> 
<br>用於行內換行 ex:<p>一段話<br>換行</p>

CSS

{margin、padding}

margin向外推，不影響實際尺寸，設定auto,%數即可達到拖曳網站寬高變化效果
padding向內推，影響尺寸，不可設定auto等值(詳見mdn)

可見範圍:width、border、padding
不可見:margin (元素與元素間)

{box-sizing}

*{boxsizing : boder-box}，初始值為content-box
更改後會自動計算扣除 border 及 padding 後所剩餘的空間

{float}

{float:left、right}，有左右並排功能，例如:文字繞圖、並排圖片等等。
{clear:left、right、both}，清除浮板效果，使該元素(及以下)正常排版。放塊外or內皆可以。
ex:設立div加在浮板之後

子層使用CSS float 時，父層會抓不到子層，故產生撐不開高度等等問題。
此時在父層尾端加上一塊帶有 Clear 的子層，該 Clear子層會跑到浮動後(略過浮動)，便能實現將原先 float子層的高度拉開的效果。

{z-index}

{z-index:10}，圖層權重順序

*{}

*{}，指向的是全部的html標籤，常用於Css Reset

{filter}

{filter: saturate(30%)}

filter 元素濾鏡: saturate飽和、其他還有blur模糊....等等

{click-path}

{click-path : circle()、polygon()}

裁切元素的可顯示區域: 圓形、多邊形，()內填放參數。