池子

p {font-family: Helvetica, Sans-Serif;}
某种字体不可用时，执行降级操作

border-radius：50%
边框半径

anchor（锚点）

<input type="text" placeholder="cat photo URL">
占位符

<input type="text" placeholder="cat photo URL" required>
表单必填required

字体名区分大小写，并且如果字体名含有空格，需要用引号括起来。例如，使用"Open Sans"字体需要添加引号

所有浏览器都有几种默认字体。这些通用字体包括monospace，serif和sans-serif

<form action="/submit-cat-photo">    
<label><input type="radio" name="indoor-outdoor">室内</label>    
<label><input type="radio" name="indoor-outdoor">室外</label><br>    
<label><input type="checkbox" name="personality">忠诚</label>    
<label><input type="checkbox" name="personality">懒惰</label>    
<label><input type="checkbox" name="personality">积极</label><br>    
<input type="text" placeholder="猫咪图片地址" required>    
<button type="submit">提交</button>  </form>

[type='radio'] {  margin: 20px 0px 20px 0px;}
type属性选择器

相对单位长度，就像em和rem，它们会依赖其他长度的值。就好像em的大小基于元素的字体的font-size值，
如果你使用em单位来设置font-size值，它的值会跟随父元素的font-size值来改变。注意有些单位长度选项
是相对视窗大小来改变值的。

--penguin-skin: gray;
创建一个css变量，你只需要在两个变量名前加两个破折号

@media (max-width: 350px) {    
:root {      
--penguin-size: 200px;      
--penguin-skin: black;    
    }  
}

你可以使用strong标签来加粗文字。添加了strong标签后，浏览器会自动给元素应用font-weight:bold;

注意：锚点默认给文本添加下划线，如果u标签的下划线和页面的锚点混淆，请避免使用它

background: linear-gradient(gradient_direction, 颜色 1, 颜色 2, 颜色 3, ...);
很漂亮要研究一下

如果一本书是一个article的话，那么每个章节就是section

1. margin: top right bottom left 
2. margin: (top/bottom) (right/left) 
3. margin: top (right/left) bottom

box-shadow要研究一下