html和css基础知识（6）

6.html5新增属性

6-1.语义标签

6-2.新增的音频标签

6-3.新增的表单控件

6-4.新增的视频标签

6-5.新增的表单属性

• placeholder:占位符
• autofocus:自动获取光标焦点
• autocomplete:自动完成
• on默认值 输入框记住输入的内容
• off输入框不会记住输入的内容
• required 必填项

7.CSS3新增属性

7-1.css3盒模型新

7-2.css3背景大小

• background-size:
• cover:背景图片等比例缩放，铺满盒子，有可能显示不完整
• contain:背景图片等比例缩放，显示完整，有可能盒子铺不满
• 写2个数值

-  第一个值代表背景图片的宽，第二个值代表高 

• 通常写一个值，代表宽，高等比例缩放
• 百分比：参考盒子的大小
•  

-  写2个值代表，第一只代表宽，第二个代表高 
-  写1个值代表宽，高等比例缩放 

7-3.css3线性渐变

8.vscode快捷键

• tab键 补全代码
• ctrl+/ 代码注释
• shift+alt+↑ ↓ 向上向下复制一行
• ctrl+b 显示隐藏侧边栏
• ctrl+f 查找
• ctrl+d 快速选中

9.HTML和CSS思维导图

9-1HTML

9-2CSS