Comtoper

style:"写入以下代码"
* {}: 给当前所有元素添加指令
/: 引入文件夹下级文件(同级目录就写名字)
../: 引入文件夹上级文件
ctrl+/: 启用和关闭一段代码（也可用于一键添加注释符号）
< : <（小于号）
> : >（大于号）
  : （空格、空字符）
& : &（和号）
iframe: 引用外部网页；双标签（引用外部网页显示在当前页面）
auto: 自动
align: 对齐
br: 分段标签；单标签
blur: 模糊(朦胧；一般用于元素背景的模糊效果)
border: 墙
background: 背景
background-color: 背景颜色(文本颜色)
background-image: 背景颜色(背景图片)
border-radius: 倒角
block: 块
background:url() 根据路径指定当前元素背景的图片
background:var() 引用当前页面元素指定当前背景样式
box-shadow: 盒子的阴影效果
color: 颜色
container: 容器（箱子）
row: 行（控制横向）
column: 列（控制竖向）
div: 大盒子（布局容器，没有语义，一个盒子单独占用整行，允许在里面添加span标签）
span: 小盒子（布局容器，没有语义，只占用本身大小的像素面积，一行可存在多个盒子）
direction: 方向（控制盒子主轴方向）
animation: 动画（动画效果）
del：文本删除标记(与s标签同理，这个语义更强，可搭配css)
ins: 下划线（和u标签同理，这个语义更强，可搭配css）
strong: 字体加粗（和b标签同理，这个语义更强，可搭配css）
display: 显示为
em: 倾斜
flex: 软体（弹性盒子）
float: 漂浮（浮动）
fixed: 固定
font-size: 字体大小
flex:1 占满当前盒子全部空间（flex:2 占满剩余空间的2/3）
gradinet: 渐变（梯度）
hr：隔离线标签；单标签
hidden:隐藏
height: 高度
width: 宽度
wrap: 包裹
items: 项目
img: 图像标签
inherit: 继承（一般用于子对象继承分对象的设定值）
loop: 循环
max-width: 最大宽度
min-width: 最小宽度
marquee: 控制元素滚动显示的指令
margin: 墙外围宽度
movement: 移动
overflow: 溢出（超出）
opacity: 不透明度
position: 位置
padding: 墙内围宽度
placeholder: 占位符（一般用于input指令内输入框的文字）
repeat: 重复
start: 起点
end: 结尾
select: 选项(选项卡)
style: 样式（风格、方式）
stretch: 拉伸（伸缩、伸展）
scroll: 滚动
shadow: 阴影
button: 按钮（设置按钮属性）
bottom: 底部（对齐末尾）
top: 顶部（对齐开头）
table: 表格（搭配双标签：<tr>行内带上<td>单元格使用）
ol: 有序列表（双标签；内部搭配li双标签实现自动按123的顺序排列，li标签内可以放任何标签；ul为无序标签）
transition:过渡（一般用于动画移动的时间）
decoration:效果（显示效果）
transparent: 透明(一般用于background下的透明效果)
up down left right: 上下左右
div h1 p:盒子标签 display:block 盒子宽度为浏览器宽度，占满整行，后面的盒子在下一行显示
span a:盒子标签 display:inline 行内盒子，宽度根据内容决定，后面的盒子跟着后面显示;
无法设置盒子高度，强行给高度值会与其它盒子重叠，不会挤压其它盒子，宽度可以

style:"写入以下代码"
align-items:stretch 拉伸并使当前元素垂直居中
align-items:center 使当前元素垂直方向居中
justify-content:center 使当前元素水平方向居中
text-items:center 使当前文字垂直方向居中
justify-content:flex-start 盒子下级元素对齐内容为弹性起点
a href="#mz" id=mz 点击跳转到di为mz的位置
a name="anchorName" id="anchorName"a标签的锚点前往以id为标记的锚点
background:linear-gradient {to right red,green,balck} 背景颜色为从左到右的红绿黑线性渐变
background:linear-gradient {200deg red,green,balck} 背景颜色为200度旋转的红绿黑线性渐变
align-items:flex-end 使下级盒子垂直轴向靠近尾部
justify-content:flex-end 使下级盒子水平轴向靠近尾部
justify-content:space-evenly 使下级盒子水平轴向各自平分空间
border:5px solid red 红色的墙厚5个像素
background-size:cover 背景大小为覆盖当前元素
background-position-x: 背景沿x轴移动位置
box-sizing:border-box 绝对面积（赋予宽高值后，计算的是边框距离，其包括边框、内边距、实际内容区；但不计算外边框）
box-sizing:center-box默认值（赋予宽高值，后计算的是实际内容的面积，不计算内边距和边框；同样不计算外边距）
backdrop-filter: blur(5px) 当前元素的背景模糊5个像素
opacity: 0.5 当前元素透明值为0.5（影响元素透明度）
background:rgba (255，255，255，0.5) 当前元素透明值为0.5（不影响元素透明度）
background-color: transparent 当前背景为透明
display:block 当前元素为块盒子（占用整行，第二个盒子在下一行）
display:flex 当前元素为弹性容器（控制子盒子）
display:inline 当前元素为内联盒子（盒子之间没有距离）
display:none 不显示当前盒子
float:right 使当前元素靠近右边
font-weight:bold 文字为粗体
height:100vh 100%的视图高度
width:100vw 100%的视图宽度
letter-spacing:5px 文字以5个像素隔开
line-height: 15px 文字以15个像素隔开
box-shadow:0px 0px 10px 0px 阴影的左右偏移上下偏移阴影深度阴影范围
margin-top: 10px 当前元素的外墙顶部宽度为10个像素
margin: 10px auto 当前元素的外墙厚度上下为10个像素，左右为自动
overflow:auto 内容显示方式为自动(默认)
overflow:hidden 内容超出容器时隐藏
overflow:scroll 内容超出容器时滚动显示
position:absolute 绝对定位(用该指令的容器可以放在页面任何位置，宽高距离对比为页面位置)
position:fixed 固定定位(用该指令的容器将固定在设定位置，不会跟随页面的滚动而移动位置)
position:relative 相对定位(用该指令的容器对于默认位置移动，该指令下使用left:20px则对比默认位置向左增加20个像素)
text-decoration:none 下划线:无
target="_blank 用于网页以新标签打开
z-index:1 Z轴层为第1层

<button type="button" autofocus onclick="alert('bq')">mz</button>
给当前元素添加点击属性，点击“mz”弹出bq对话框
<img src="123.jpg" alt="图片未找到" title="图片" width="50px" height="50px">
当前位置插入一张名为123的图片，未成功加载时显示替换文本:“图片未找到”，鼠标悬浮时显示文本：图片，宽度为50个像素，高度为50个像素。
<a style="color: black; text-decoration: none;" herf="baidu.com" target="_blank">百度</a>
当前位置插入一个字体颜色为黑色，没有下划线，打开新标签的一个百度网站，点击“百度”打开。
@media （max-width: 600px）{
.bz{display:none}
.bz{flex-direction:column}
}
当满足屏幕最大宽度小于600的条件时，
带bz标签的盒子则不显示,
带bz标签的元素内容将已列的方式显示。
<marquee width="100px" bgcolor="red" direction="right" behavior="alternate" scrollamount="100"
style="font-weight:bold;color:black" onmouseover="this.stop()" onmouseout="this.start()">123</marquee>
将文本123滚动显示，文本框范围宽度为100个像素，背景颜色为红色；滚动方向为右边，动作为左右循环,滚动速度为100，
文本字体为粗体，文字字体为黑色，鼠标悬浮时停止滚动，鼠标离开时继续滚动。
<link rel="shortcut icon" href="mz.ico" type="image/x-icon" />
网页图标引用当前文件夹下名为mz的图片
<link rel="stylesheet" href="style.css>
网页css引用当前文件夹下名为style的css文件
animation: 6s movement linear infinite
动画线性移动的时间为6秒，范围无限
.mz:hover {width:100px; background: linear-gradient: (100deg,#000000,#ffffff); transition:1s; }
当鼠标悬浮在mz标签上的元素时，当前元素宽度变动为100个像素，背景变动为100度旋转的黑白渐变色的背景，变动的过渡时长为1秒。
box-shadow: 0px 5px 20px 5px #000000
当前元素的阴影上下偏移为5个像素，左右偏移为0个像素素，阴影深度为20个像素，阴影范围为5个像素，阴影的颜色为黑色
background-image:url(mz.jpg) no-repeat center center
背景为一张名为mz的图片，以水平居中垂直居中的方式重复平铺当前元素，如果为repeat-x则为水平方向重复铺满当前元素，no-repeat则不重复。
<iframe src="https://space.bilibili.com/7850779" width="200px" height="200px"></iframe>
引用外部网页，显示窗口的宽高为200个像素
::-webkit-scrollbar:{
width:10px;
border-radius:10px;
background:linear-gradient:to bottom,
hsl（0,100%,50%,0.5）20%,
hsl（120，100%，80%，0）80% }
一个网页滚动条的样式函数，滚动条宽度为10个像素，圆角10个像素，从上到底部分布，其中0为色相，100%为饱和度，0.5为亮度，后面的20%为颜色的占比，
而滚动块的样式改为::-webkit-scrollbar-shumb 再去掉宽度属性即可。

待完善区域
待完善区域
待完善区域
待完善区域
待完善区域
待完善区域
待完善区域
待完善区域
待完善区域
待完善区域