前端review

关于实时预览vs code中的颜色代码需要安装的插件，包括html文件格式中的颜色代码安装Flutter Color插件

VSCode 前端常用插件集合

1.Auto Close Tag自动闭合HTML/XML标签

2.Auto Rename Tag自动完成另一侧标签的同步修改

3.Beautify格式化代码，值得注意的是，beautify插件支持自定义格式化代码规则

4.HTML Snippets智能提示HTML标签，以及标签含义

5.JavaScript(ES6) code snippets

ES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间

6.中文标点符号转英文

border-bottom设置底部边框样式

align-items: center;` 属性用于指定容器的子元素在交叉轴上如何对齐。 交叉轴是与主轴垂直的轴，它是 flexbox 布局中的第二个轴。 当 `align-items: center;` 应用于容器时，它会将所有子元素沿交叉轴居中对齐。 具体来说，它会使子元素的高度相等，并将它们垂直居中对齐。

arrow="always"轮播图箭头一直显示

display: flex;弹性盒子布局

float: right（向右浮动）

margin-left: auto（元素右对齐）

overflow:hidden的作用（溢出隐藏、清除浮动、解决外边距塌陷等等）

dialogFormVisible：对话框窗体可见

show-overflow-tooltip让table表格自适应长度

:visible.sync="centerDialogVisible"

Vue项目侧边栏折叠和展开效果应用 

 任课管理

text-decoration:文本装饰

input表单输入框不记录输入过信息autocomplete="off"

dialogFormVisible对话框窗体可见

padding bottom底部填充，元素的填充是其内容和边框之间的空间。

cursor:pointer的作用

flex布局 justify-content：space-between； 解决最后一排数量不够自动向两端排列问题

font-weight 字体浓淡(粗细)属性，该CSS属性用来设定字体的浓淡程度。

值：normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
cursor : 网页浏览时用户鼠标指针的样式或图形形状。
属性值：
default：默认光标（通常是一个箭头）
auto：默认，浏览器设置的光标
crosshair：光标为十字线
pointer：光标为一只手
move：光标为某对象可移动
text：光标指示文本
wait：光标指示程序正在忙（通常是一只表或者一个沙漏）

component:组件

align-items居中对齐弹性盒的各项

元素：

display:flex(弹性盒子布局)

separator：分隔符

import './assets/font/iconfont.css'//引入iconfont

multipleSelection：多重选择

伸缩导航栏：

链接没有下划线

  
   退出
  

改网页标题