学习别人前端vue项目时所遇到的css问题（未完）
css部分
overflow-y属性
overflow-y:hidden;
裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话：
border-radius属性
border-radius:25px;
作用给div元素添加圆角的边框
li:first-child {
background-image: linear-gradient(148deg, #02ca99 0%, #00da79 100%),
linear-gradient(#fbde7a, #fbde7a);
margin-right: 5%;
div {
background: url("../../assets/home/daiban.png") no-repeat 90% center;
background-size: 42px 45px;
}
cursor: pointer;
}scss嵌套写法
其中linear-gradient（）函数用于创建一个线性渐变的图像
background-image: linear-gradient(red, yellow, blue);
text-overflow属性规定当文本移除包含元素时发生的事情（是专门针对盒子内的文本溢出时的处理方式）
| clip | 修剪文本。 | 测试 |
| ellipsis | 显示省略符号来代表被修剪的文本。 | 测试 |
| string | 使用给定的字符串来代表被修剪的文本。 |
overflow属性规定当内容溢出元素框时发生的事情（是针对容器内所bai有的数据溢出的一种统du一处理方式zhi,不管容器内的存储的是dao文本 图片还是其他的数据 统一取值）
| visible | 默认值。内容不会被修剪，会呈现在元素框之外。 |
| hidden | 内容会被修剪，并且其余内容是不可见的。 |
| scroll | 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 |
| auto | 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 |
| inherit | 规定应该从父元素继承 overflow 属性的值。 |
white-space属性：规定段落中的文本不进行换行
| normal | 默认。空白会被浏览器忽略。 |
| pre | 空白会被浏览器保留。其行为方式类似 HTML 中的 标签。 |
| nowrap | 文本不会换行，文本会在在同一行上继续，直到遇到 标签为止。 |
| pre-wrap | 保留空白符序列，但是正常地进行换行。 |
| pre-line | 合并空白符序列，但是保留换行符。 |
| inherit | 规定应该从父元素继承 white-space 属性的值。 |
| border-box | 为元素设定的宽度和高度决定了元素的边框盒。 就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。 通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。 |
tr是html表格bai里的行，td就是行里的单元格。
sub标签 下标
sup标签 上标
i标签显示斜体文本效果
b标签规定粗体文本
title属性 规定关于元素的额外信息 悬停后会有显示
form表单
label标签
v-model就是vue的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新data绑定属性时候，更新页面上输入控件的值。
@change即v-on:change
类似于js onchange 事件会在域的内容改变时发生。
html input 的accept属性
table属性
border-collapse: collapse;
table-layout: fixed;
word-wrap: break-word;
word-break: break-all;border-collapse属性
为表格设置合并边框模型
table-layout属性
设置表格布局算法
word-wrap属性
word-break
在恰当的断字点进行换行：
text-align属性
opactiy属性：设置div元素的不透明级别
textarea文本框
cursor: pointer;属性规定了要显示的光标的类型
vertical-align 属性
vertical-align 属性设置元素的垂直对齐方式
v-loading的使用
elenment-ui的v-loading的使用 在接口请求到数据之前，显示加载中 直到请求到数据后消失
控制文本不换行及溢出隐藏
:close-on-click-modal="false"element组件库的dialog对话框可以通过点击modal关闭dialog，即点击空白处弹框可以关闭。
同时让li块既有背景颜色又有背景图片
CSS linear-gradient() 函数
进度条原生写法（！一定要注意设置高度 否则不会显示 因为没有内容把它撑开）
