一段生活小视频

指令翻译：

width: 宽度
height: 高度
color: 颜色
background: 背景
margin: 墙外围宽度
items: 项目
border: 墙宽度
class: 属性
padding: 墙内围宽度
font-size: 字体大小
center：居中
br: 分段
hr：隔离线
up down left right:上下左右
display: 显示为
block: 块
flex: 软体
style: 识别标签
direction: 方向
row: 行
column: 列
start: 起点
end: 终点
top: 顶部
bottom: 底部
stretch: 拉伸
auto: 自动
* {}: 给当前所有元素添加指令
ctrl+/: 关闭选中代码
box-shadow: 颜色过度
flex:1 占满当前盒子全部空间
scroll:滚动
marquee：控制元素滚动显示的指令
direction:方向

列表3

词组用法：

img src=""图片插入
alt=""错误的标识内容
width=""图片宽度
height=""图片高度
display:block显示为块（将当前元素改为盒子）
display:flex 弹性容器
a herf="" 网页插入
target="_blank"新网页跳转
border:5px solid red 红色的墙厚5个像素
flex-direction:row 弹性盒子的方向为横向
text-decoration: none下划线:无
text-align:center 文本水平居中对齐
background-color: 背景颜色
border-radius: 倒角
align-items:stretch 拉伸并使当前盒子垂直居中
overflow:auto 固定的窗口大小，内容显示方式为自动
justify-content:center 当前盒子内容以水平方向居中显示
height:100vh 100%的视图高度
z-index:1 Z轴层为第1层
line-height:1.5 文字已1.5倍放大
letter-spacing:5px 文字以5个像素隔开
display:none 不显示当前盒子
@media(max-width:600px){.bz{display:none}}当满足屏幕最大宽度小于600的条件时， 带bz标签的盒子则不显示
@media(max-width:600px){.bz{flex-direction:column}}当满足屏幕最大宽度小于600的条件时, 带bz标签的元素内容将已列的方式显示
marquee width="100%"bgcolor="red"direction="right" 盒子内的元素滚动显示，宽度为100%，背景颜色为红色，滚动方向为右
behavior="alternate" 动作为循环动作
.bz:-webkit-scrollbar{display:none 通过浏览器来识别访问的设备来决定是否显示带bz标签的盒子
a href="#mz" id=mz点击跳转到di为mz的位置
a name="anchorName"a标签的锚点 id="anchorName"以id为标记的锚点
background:linear-gradient{to right red,green,bink} 背景颜色为从左到右的线性 渐变颜色

列表5

列表6

列表7

列表8