Vscode的使用： ctrl+放大字体 crtl-缩小字体
h1在一个页面中只能用一次，用来放新闻标题或者是网页logo
一行的产品描述信息用段落标签p
ins下划线 del删除线
图片的alt替换文本title提示文本
.表示当前文件所在的文件夹 /表示进入某个文件里面 ../表示上一级文件夹 ../../表示上两级 绝对路径的使用场景：友情链接 建议同意写成/
a超链接在新窗口打开target="_blank" 空链接 ，开发初期不知道链接的跳转地址
音频audio： controls，显示音频控制面板 loop，循环播放 autoplay，自动播放
视频video: muted，静音播放
table表格 tr行 th表头单元格 td内容单元格 在网页中，表格默认没有边框线，使用border可以为表格添加边框线 thead，表格头部。tbody，表格主体。tfoot，表格底部。
跨行合并保留最上单元格rowspan，跨列合并保留最左单元格colspan，删除多余单元格checked
单选框radio 复选框checkbox placeholder占位文本，提示信息 name 控件名称，控件分组，同一组只能选一个（单选功能） checked默认选中 默认情况下表单控件只能上传一个文件，添加multiple属性可以实现文件多选功能
下拉菜单select，默认选中selected
<form action="">
用户名：<input type="text">
<br>
密码：<input type="password">
<br><br>
<!-- 如果省略type属性，功能是提交 -->
<button type="submit">提交</button>
<button type="reset">重置</button>
<button type="button">普通按钮</button>
</form>
字体实体： <小于号 >大于号
行内样式，一般配合javascript使用
id选择器，一般配合javascript使用，很少用来设置css样式，同一个id选择器在一个页面只能使用一次
字体粗细font-weight，400（正常），700（加粗）
font-style：normal，清除文字默认的倾斜效果 italic倾斜
行高 ： （1）数字加px （2）倍数 只适用于单行文字垂直居中
font-family属性最后设置一个字体族名，网页开发建议使用无衬线字体。
font属性，设置网页文字公共样式 是否倾斜 是否加粗 字号/行高 字体
text-decoration 文本修饰线 none无，underline下划线，line-through删除线 overline上划线
rgba表示法，开发使用透明色
如果内容是重要的需要强调就用strong标签， 不重要不需要强调就用font-weight去加粗。
复合选择器包括： （1）后代选择器 （2）子代选择器 （3）并集选择器 （4）交集选择器
超链接的四个状态： （1）：link 访问前 （2）：visited 访问后 （3）：hover 鼠标悬停 （4）：active 点击时（激活）
CSS特性： （1)子级默认继承父级的文字控制属性 （2）相同的属性会覆盖，不同的属性会叠加。 （3）选中标签的范围越大，优先级越低 通配符选择器<标签选择器<标签选择器<类选择器<id选择器<行内样式<！important 继承权重最低!!!!!
背景属性 （1）复合写法： 背景色 背景图 背景图平铺方式 背景图位置/背景图缩放 背景图固定 （2)拆分写法： background-image(url) backgrond-repeat background-position 关键字只写一个，另一个方向居中。数字只写一个表示水平方向，垂直方向居中。
元素的显示模式 块元素：div 行内元素：尺寸由内容撑开 行内块元素：img
结构伪类选择器： first-child last-child nth-child（） 2n偶数 2n+1 2n-1奇数 5n n+5找到第几个以后的标签 -n+5找到第几个以前的标签
伪元素选择器： 创建虚拟标签（伪元素），用来摆放装饰性内容上的时候 E:：before在E元素里面最前面添加一个伪元素 E:：after在元素里面最后面添加一个元素 权重和标签选择器相同
57集，像素大厨用法。
盒子模型包括： 内边距padding，外边距margin，边框线border，内容width、height
边框线border常用的属性： solid实线，dashed虚线，dotted点线
手动做减法，减掉border、padding的尺寸 内减模式：box-sizing：border-box
版心居中： margin:0 auto 清楚默认样式：
- { margin：0； padding：0； box-sizing: border-box; }
去掉列表的项目符号 li { list-style:none }
溢出： overflow 属性值 hidden溢出隐藏 scroll溢出滚动（无论是否溢出都显示滚动条位置） auto溢出滚动（溢出才显示滚动条位置）
外边距塌陷问题： （1）取消子级margin，父级设置padding （2）父级设置overflow:hidden （3）父级设置border-top
行内元素加margin，padding水平有变化垂直没变化，加行高改变
圆角属性border-radius 属性值：数字+px，百分比。 三值：左上，右上加左下，右下 两值：左上加右下，右上加左下 正圆：给正方形盒子设置宽高的一半，50% 胶囊形状：给长方形盒子设置盒子高度的一半 阴影属性：box-shadow 属性值：x偏移量 y轴偏移量 模糊半径 扩散半径 颜色 内外阴影 默认是外阴影，内阴影需要在最后添加inset
CSS书写顺序： 1.盒子模型属性2.文字样式3.圆角，阴影等修饰属性
