9/3学习感悟

今天要在freecodecamp进行闯关游戏，从30关开始（有短板的知识点记录下来）

1.如果你想把一个文本输入字段设置为必填项，在你的input元素中加上required属性就可以了，你可以使用：

<input type="text" required>

2.单选就是你只能在多个选项中选择一个，就好比你有很多追求者，但却只能选择一个结婚。（类比是最好的学习方式，当你搞不清一个概念时，最好在生活中找到对应的案例。）多选一的场景就用radio button(单选按钮)单选按钮只是input输入框的一种类型。每一个单选按钮都应该嵌套在它自己的label(标签)元素中。

注意：所有关联的单选按钮应该使用相同的name属性。下面是一个单选按钮的例子：<label><input type="radio" name="indoor-outdoor"> Indoor</label>所有关联的单选按钮应该使用相同的name属性。因此常见的实例是

3.复选框的原理与其类似

4.单选框和复选框的默认选中属性（其和required的用法相同）

5.margin和padding的区别：margin用于控制元素边框border 和元素实际所占空间的距离。而padding用于控制内容和边框的距离。（相当与充气）。【在自适应布局中这点极其重要】

6.在第42关中如果不跟div设置宽度和高度，全靠自适应，那么如果你将一个元素的margin 设置为负值，元素将会变大。

设置前把绿框的margin设置为负值后

7.第50关样式的优先级。(1)在<style> 部分中 class 声明的顺序却非常重要，第二个声明总是比第一个具有优先权。因为 .blue-text 是第二个声明，它覆盖了 .pink-text 属性。

注意：在 HTML 中这些 class的类名如何排序是无所谓的。

(2)id的优先级大于class的优先级，证明了无论在style 元素 CSS 的哪个位置进行声明，id 声明都会覆盖 class 声明。(行内样式的优先级大于id)

8.!important的妙用!important，以便 100% 确保样式是优先的。

9.颜色的表示：

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

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

Hex code 遵循 red-green-blue（红-绿-蓝），或者叫 rgb 格式。#FF0000纯红#00FF00纯绿#0000FF纯蓝#808080灰色

红，hex code 是 #FF0000 ，可被缩写成 #F00


（2）在 CSS 中表示颜色的另一个方法是使用 rgb 值。

代表黑色的 RGB 值看起来是下面的样子：

rgb(0, 0, 0)

代表白色的 RGB 值看起来是下面的样子：

rgb(255, 255, 255)

10.响应式框架Bootstrap