---

---

1、用双引号

示例

这是内联样式（inline style），最容易后续维护的是CSS层叠样式

---

2、Specify How Fonts Should Degrade 指定某种字体自动降级

其实，就是让字体依次排开，前面的不行，就自动往后面降级。

---

3、Add Borders Around your Elements

---

4、圆边框：border-radius属性
border-radius:10px;或者border-radius:20%;
说明像素和百分比都可以产生圆角效果

---

5、无序列表ul,有序列表ol

---

6、表单
（1）input是自关闭的，type决定输入框是哪种类型，placeholder可以设置文本框的提示信息
（2）创建一个跟web服务器交互的表单（form），达到交互的目的，设置action属性，action属性的值指定了表单提交到服务器的地址。
再设置提交按钮，让表单中的数据发送到action属性指定的地址上。
格式：<button type="submit">this button submits the form</button>
(3)单选按钮属于input，只需要把type设置成radio就可以了；多选按钮也属于input，只需要把type设置成checkbox就可以

---

7、元素的margin为负，该元素会反向扩大
margin：10px 4px 6px 9px
排列方式是按顺时针方式的，即上、右、下、左

---

8、聊聊覆盖CSS样式这件事
首先，浏览器是从上到下审查定义的各种样式，如果某个元素被多次设置样式，那么，浏览器只用最后那一种
其次，内联样式也可以改变原有的样式
最后，说说最强的覆盖css的方法（.....前方高能.....）
!important
加上！important后，你的样式就再也不会被改变了

---

9、Hex Code 表示颜色

那么，问题来了：为什么要用Hex Code表示颜色呢？
因为，Hex Code通过6个位置的字符变换，可以表示差不多1600多万种颜色，表示的颜色多，可以任意选

Hex code 遵循 red-green-blue（红-绿-蓝），或者叫 rgb
格式。hex code 中的前两位表示颜色中红色的数量，第三四位代表绿色的数量，第五六位代表蓝色的数量。

所以要得到绝对的纯红色，你只需要在第一和第二位使用 F（最大可能的数值），且在第三、第四、第五和第六位使用 0（最小可能数值）#FF00000

000000黑色

FFFFFF白色

0 是 hex code（十六进制编码）中最小的一个，它代表颜色的完全缺失。

F 是 hex code（十六进制编码）中最大的一个，它代表最大可能的亮度。

---