<form action="/submit-cat-photo">

<input type="text" placeholder="cat photo URL">

<button type="submit" value="Submit">submit</button>

</form>



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

​<input type="text" required>​


单选按钮的例子:

​<label><input type="radio" name="indoor-outdoor"> Indoor</label>​

给你的表单添加两个单选按钮,一个叫​​indoor​​​,另一个叫​​outdoor​​。



下面是复选按钮的例子:

​<label><input type="checkbox" name="personality"> Loving</label>​

checked默认被选中



元素的 ​​margin​​​ 控制元素的 ​​border​​ 和元素实际所占空间的距离。

如果你将一个元素的 ​​margin​​ 设置为负值,元素将会变大。


​padding: 10px 20px 10px 20px;​

这四个值以顺时针方式排列:顶部、右侧、底部、左侧,简称:上右下左。


id 声明都会覆盖 class 声明。



很多情况下,你会使用 CSS 库,这些库可能会意外覆盖掉你自己的 CSS。所以当你需要确保某元素具有指定的 CSS 时,你可以使用​​!important​​。

#后面  前两位是红  中间是绿 后面是蓝