<!-- type = circle表示空心圆 -->
<!-- type = disc 表示实心圆 -->
<!-- type = square表示方块 -->
！！！if---表达式为真则语句执行一次
！！！while---表达式为真则一直执行循环
！！！break---直接终止循环
！！！continue---结束当次循环
！！！align="center 排列 居中
！！！选中文字段落后，英文状态下ctrl+/是快速注释
！！！rowspan 竖向合并单元格 colspan 横向合并单元格
！！！ <!-- img是标签，src是图片位置，alt是图片无法加载时候的提示信息 -->
title="鼠标放到图片上显示的字"
<!-- rowspan="3"竖向合并3个单元格 -->
max-width==最大宽度；
min-width==最小宽度；
<!-- video视频 width宽度 height高度 -->
<!-- align="center"——居中 -->
<!-- audio音频 -->
<!-- value为默认值 -->
<!-- input输入 type类型 -->
<!-- radio是单选按钮 -->
<!-- checked为默认对勾 checkbox复选框 -->
<!-- 加上id和for 是在页面上点击文字可以打对勾 -->
<!-- selecct 下拉列表 -->
<!-- size最多显示个数 -->
<!-- hidden隐藏内容 -->
<!-- maxlenght+数字 允许输入字数 -->
<!-- option 选项 -->
<!-- size最多显示个数 -->
<!-- hidden隐藏内容 -->
<!-- maxlenght+数字 允许输入字数 -->
background-image: url("./image/img3.jpg");==背景图像：地址("")
background-position: center;==背景位置：中心
background-repeat:no-repeat;==背景重复：无重复
background-position==背景位置（背景图才能用）；
background-size: 100% 100%==背景尺寸
background: linear-gradient(X,X)==背景：渐变色
backface-visibility: hidden;=== 背面可见性：隐藏；
background-size: cover:===背景尺寸：封面
nth-child(1)==第一个孩子（1）
text-indent:2em ------------首行缩进两个字符
border: 1px dashed red;-----dashed(虚线)
border-radius:圆角
placeholder=""---输入框的默认值
z-index:==层叠先后级数
鼠标样式：cursor
font-style: italic=字体，样式，斜体
font-weight: bold;字体，粗体
writing-mode: vertical-lr;==书写方式垂直；
<!--contopls autoplay 自动播放 -->
line-height: 垂直居中
list-style: none; =列表，样式：无
transition-duration==过渡持续时间
 =空格；
margin-top:=上边距；
padding=衬垫，填充；
clear:both 清除浮动；
overflow: hidden=清除浮动；溢出，清除。
vertical-align:top----------垂直对齐：顶部
display: inline;=显示，行；
display:block=显示：块；
文本居中： text-align: center;
文本缩进：text-indent
vertical-align: top;==垂直对齐：顶部。
margin:0 auto; = 盒子居中
text-decoration: none;=去除下划线
text-decoration:underline;==文字装饰-下划线；
text-align: center;=文本对齐：居中；
display:inline-block;=显示：内连块；
Z-index:=层级
透明色-transparent;
opacity=透明度
text-decoration:none;文字装饰：无
list-style:none;列表样式：无（ul）
onclick="alert('Welcome!')"===弹出警告窗
type="button" ===按钮
border-radius: 20%;边界半径
border=边框；
border--collapse=边框折叠
border--spacing=0 ==边框间距
怪异盒子：box-sizing:border-box;
float: left;=左浮动；
left=左 ； right=右；top=顶部，上；bottom=底部，下。
soid=实线；dashed=虚线。
position: relative=相对定位；
position: fixed =固定定位；
position: absolute=绝对定位。
