HTML和CSS
必選
<input type="text" required>輸入框提示(占位符，預定值)
<input type="text" placeholder="cat photo URL">設置字體大小
h1 { font-size: 30px; }引入字體
在編輯器頂部引入即可使用
<link rel="stylesheet" type="text/css">
<!-- 使用 -->
h1 {
font-family: Monospace;
}
處理多個字體降級(順序降級)
p { font-family: Helvetica, Sans-Serif; }多樣式的使用
<img class="smaller-image thick-green-border" src="">
為圖片添加alt描述
單選框
checked為默認選中
<label><input type="radio" name="indoor-outdoor" checked> indoor</label>
<label><input type="radio" name="indoor-outdoor"> outdoor</label>
- 復選框
checked為默認選中
<label><input type="checkbox" name="personality" checked>1</label>
<label><input type="checkbox" name="personality">2</label>
<label><input type="checkbox" name="personality">3</label>
- 背景色
.green-background { background-color: green; }
-
class用法
.className{}
-
id用法
- id的優先級大于class
#idName{}
padding，margin簡寫
除了分別指定元素的 padding-top、padding-right、padding-bottom 和 padding-left 屬性外，你還可以集中起來指定它們
- padding: 10px 20px 10px 20px;
- 這四個值以順時針方式排列：上右下左。
-
多重class疊加
- 在 HTML 中這些 class 如何排序是無所謂的。
- 在發生沖突時，瀏覽器會使用最后的 CSS 聲明。
- 和id同時調用時，優先使用id
class="class1 class2"
保證CSS效果!important
color: pink !important;
RGB
RGB采用十六進制表示，RGB對應 紅綠藍 的英語首字母
-
RGB值
- 0123456789ABCDEF
- 字母大小寫均可
-
RGB值分布
- 0最小，f最大
#RRGGBB
RGB縮寫
#FF0000等同于#F00-
RGB簡寫
rgb(0,0,0)- 范圍是0-255
- 3個參數對應RGB
