position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display:flex;justify-content: center;align-items: center;d

　　链接的状态，:active，：hover ......　　子元素的伪类：:first-child选中第一个子标签；:last-child选中最后一个子标签 ; :nth-child( )选中指定位置的子元素，even表示偶数位置，odd表示奇数位置。

第二种，使用display:table和display:table-cell配合，两个必须分别作用于父盒子和子盒子

上传头像的时候遇到了头像变形的问题，最后通过object-fit: cover完美解决了。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能。CSS3 background-size出现的比较早，大家应该知道其支持的一些值，除了数值之外，其还支持几个

text-align: center; /** 让inner中内容居中对齐,不是对inner的div居中*/

//css兼容性处理：postcss --> postcss-loader postcss-preset-env. //帮postcss找到package.json中browserslist里面的配置，通过配置加载指定的css兼容性样式

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明；CSS注释以 "/*" 开始, 以 "*/" 结束；HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义

　　　　　　 勾选 Add Rbby executables to your PATH添加到系统环境变量。如果想在 css 文件夹下生成对应的css 文件 就在终端键入命令: sass ./sass/a.sass ./css/a.css

思考：给定一个盒子，其宽度高度为0，给定上下左右各10px的边框，设置四个边框颜色不同，会是什么效果。因此，当我们想设置三角效果时，可以参考这个，将三个边框的颜色设为透明，剩下一个三角设置想要的颜色即可

在浮动布局中，父元素的高度默认是被子元素撑开的，所以高度塌陷是浮动布局中比较常见的一个问题，这个问题我们必须要进行处理！那么，兄弟元素div就会往上移动，破坏了页面结构

如何用JavaScript去操作HTML元素和CSS样式，实现简单的动态操作。不断实践，提高技能。<li>元素节点：&lt;html&gt;、&lt;body&gt;、&lt;p&gt;等都是元素

可通过position属性还设置元素的定位。　　　　　　relative 开启相对定位。　　　　　　fixed 开启固定定位。　　通常只需选择其中两个就可对元素进行定位。　　1、相对定位指相对于元素在文档流中原来的位置进行定位。　　　 即块还是块，内联还是

CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。相对于一个元素的正常位置来对其定位。浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边

通过 CSS3，我们能够创建动画，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。ease-out规定以慢速结束的过渡效果。可能的值是0至1之间的数值。以百分比来规定改变发生的时间，或者通过关键词"from"

只保留home主页，删除about页，删除views中About组件。1）删除除Home.vue以外的所有组件。4)在assets中新建css、img、js三个文件夹。如果要修改页面标签图标。替换public文件夹下的favicon.ico图片文件。组件数

localIdentName: ‘[path][name]_[local]_[hash:4]‘ //类名会被编译，起个别名 path-路径 name-文件名 local-本来的类名。提取css代码 --把css打包成一个单独的文件extract-text-

元素在页面中显示成一个方块，类似一个盒子，CSS盒子模型就是使用现实中盒子来做比喻，帮助我们设置元素对应的样式。盒子模型示意图如下：。把元素叫做盒子，设置对应的样式分别为：盒子的边框、盒子内的内容和边框之间的间距、盒子与盒子之间的间距。padding：20

$sizei:$i*7.5;$sizej:$j*7.5;top:#{$sizei}vw;left:#{$sizej}vw;$sizen:$n*7.5;top:#{$sizei}vw;left:#{$sizen}vw;};$sizei:$i*7.5;$siz

同一个标签可以同时设置背景颜色和背景图片，如果颜色和图片同时存在，那么图片会覆盖颜色。那我们用小图片不就得了，这其实也不行，因为我们每个人的屏幕分辨率大小都不同，因此需要一张较大的背景图片来解决上面的问题。

css 自定义属性值，很多人喜欢叫它 css 变量，因为它和 js 的变量声明和 函数调用很像。好了我们来看一下它到底是怎么样的。　在这里通过 var 来声明一个css 变量，变量名字前面一定要带 -- 这是css变量的规范。　　　　--fz: 24px;