元素作用

background-image 设置背景图像
background-repeat 设置背景图像是否及如何重复。
repeat
repeat-x
repeat-y
no-repeat
background-attachment 背景图像是否固定或者随着页面的其余部分滚动。
scroll
fixed
background-position 设置背景图像的起始位置。
top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right
x% y%
xpos ypos
width: calc (25% - 2.5px)
这三个属性一般是
background-position:center;
background-repeat:no-repeat;
background-size:cover;

head 头部              body  身体            title 标题            table表格            list 列表            item条款            row 行            column列            form 表单            input输入            text  文本            password 密码            submit提交         reset重置           button 按钮         image 图像          anchor 锚        audio音频          video 视频         ruler标尺           division分区           label 标签          style 样式          script 脚本          select选择          option 选项           paragraph段落           color颜色          background 背景          class 类           margin 外边距         padding 内边距         border 边框          font 字体          size 大小            underline下划线           position位置           repeat重复            width 宽度         height 高度           overflow溢出             visible可见的        hidden 隐藏       float 浮动         clear 清除              decoration修饰              align 对齐          hover悬停        top   上        bottom下       left 左          right  右           opacity 不透明           cursor光标          clip 修剪          display显示         visibility可见性         index 索引         relative 相对的          absolute  绝对的          solid  实线

HTML中行内元素与块级元素的区别：

一、行内元素的特点：

①行内元素只能容纳文本或者其他行bai内元素。

②宽度只与内容有关。

③和其他元素都在一行上。

④高，行高及外边距和内边距部分可改变。

二、块级元素具有以下特点：

①高度，行高以及外边距和内边距都可控制。

②总是在新行上开始，占据一整行。

③它可以容纳内联元素和其他块元素。

④宽带始终是与浏览器宽度一样，与内容无关。

三、区别有三个：

行内元素与块级元素直观上的区别。

行内元素会在一条直线上排列，都是同一行的，水平方向排列。

块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。

2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。

3.行内元素与块级元素属性的不同，主要是盒模型属性上。

行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效。

四、列表。

块级元素列表：
address 定义地址
caption 定义表格标题
dd 定义表格中定义条目
div 定义文档中的分区域节
dl 定义列表
dt 定义列表中的项目

2.行内元素列表：

3.可变元素素列表—可变元素为根据上下文语境决定该元素为块元素或者内联元素：

超文本标记语言，标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

flex作用
.div {
background-color:white;
display: flex;
padding-top: 30px;
}

.div-one {
flex: 1;
border:1.25px solid white;
height: 60px;
background:chocolate;
text-align: center;
padding-top: 18.5px;
}
justify-content作用
.div {
background-color:white;
width: 100%;
height: 70px;
border: 1px solid white;
display: -webkit-flex;
-webkit-justify-content: space-around;
display: flex;
justify-content: space-around;
padding-top: 30px;
}

.div-one {
width: 70px;
height: 55px;
background:chocolate;
text-align: center;
padding-top: 18.5px;
}
.div-tow {
width: 70px;
height: 55px;
border: 1.25px solid white;
background:sandybrown;
text-align: center;
padding-top: 18.5px;
}
.div-three {
width: 70px;
height: 55px;
border: 1.25px solid white;
background:brown;
text-align: center;
padding-top: 18.5px;
}
.div-four {
width: 70px;
height: 55px;
border: 1.25px solid white;
background:plum;
text-align: center;
padding-top: 18.5px;}