keypoint.md
書籤: 改變圖片, querySelector, Clock, 新增事件, 對文字進行修改, 節點和樹狀關係, 正規表達式,
alt+shift+f可以自動縮排
[CSS寫在外部程式，利用下面的程式](https://www.w3schools.com/css/css_howto.asp)
<head>
<link rel="stylesheet" href="???.css">
</head>
<script src="???.js"></script> //src是引用外部資源
h {
display: inline; //一個接一個不換行
display: block; //可以看見(有實體)
display: none; //不可以看見('沒'有實體)
visibility: hidden; //不可以看見(有實體)
visibility: visibe; //可以看見(有實體)
}
[易忘tag]
<ul>代表unorder list (分行)</ul>
<ol>代表order list (1.2.3….)</ol>
<li>代表list item (點點)</li>
<table>
<tr>代表列</tr>
<th>代表列裡面的一行，就是一格，粗體字，向中對齊</th>
<td>代表列裡面的一行，就是一格，一般字，向左對齊</td>
使用表格功能要用table包起來
</table>
[易忘功能]
z-index: 2; //可以表示圖層，預設0吧
text-align(水平對齊)
text-align: left; //這靠左對齊
text-align: center; //置中對齊
text-align: right; //靠右對齊
text-Baseline(垂直對齊)
text-Baseline: op; //基準線在文字的上邊
text-Baseline: middle; //基準線在文字的中間
text-Baseline: bottom; //基準線在文字的下邊
text-Baseline: hanging; //懸掛基線
text-Baseline: alphabetic;//字母基線
[重要功能]
.grid-container > div{
//把class全放到div裡面
}
@media only screen and (max-width: 600px){
//視窗改變到width: 600px發生函式裡的變化
}
tr:nth-child(even){
//套用到tr[單數]
}
tr:nth-child(odd){
//套用到tr[雙數]
}
.column div h2{
//套用到class="column"的div裡面的h2
}
重要圖片
