一、单位px 固定的单位；em 是依据其父元素的字体大小来设置（太多的不确定性）；rem 是依据网页的根元素（html）来设置字体大小。vw window.innerWidth 的数值的 1%vh window.innerHeight 的数值的 1%字体适配 {代码…} 二、 srcset 提供多图像源 {代码…} 2x、3x 示意指标屏幕的像素密度；400w、600w示意指标浏览器…

规定起源：[链接]namedesc躲避谬误 色彩 color-no-invalid-hex禁止有效的十六进制色彩。字体 font-family-no-duplicate-names不容许反复的字体系列名称。font-family-no-missing-generic-family-keyword不容许在字体系列名称列表中短少通用系列。命名网格 named-grid-areas-no-invalid不容许有效的命名网格区域。functio…

{代码…}

依照引入形式能够说有外部款式（款式写到标签中的style里）、内部款式（款式通过引入内部的css文件）、内联款式（款式写在html文件中的style标签里）

原来的代码是这样的，点开新网页就能下载了而后点开[链接]把ttf的文件转换为base64的格局上面也有对应的导入办法，看你适宜哪一种去导入蓝色箭头是导入的格局办法，红色是转换后的内容须要填入的地位。这样就导入实现了，刷新下页面，看下是否曾经实现

先来介绍一下平移，顾名思义，就是在立体上挪动嘛，很容易了解。语法环节transform：translate（50px 50px）这里呢我应用的是简写的办法，代表该元素向x轴和y轴挪动50px当然也能够一个一个定义，只须要把transltate改成transltateX或Y，记住这里的x和y要大写，而且一旦独自定义那么括号里的值只能是一个，至于用两个会怎…

3d嘛，就是比2d多一d，简略点讲，就是多了一个z轴。至于3d的平移旋转和缩放，和2d里的属性以及属性值齐全一样。不过须要留神的是想要3d成果，这三个属性不能少第一：加景深perspective: 1200px;留神啊，这个不是加在须要展现的3d元素上，是要加在该元素的父元素下面，个别取值800-1200px，也能够取更多，然而不举荐嗷。…

要依据子觉父相，也就是子元素加相对定位，给父元素加一个绝对定位，一个position：relative；就行如果不给父元素加绝对定位，那么加了相对定位的子元素会始终向外寻找增加了绝对定位的元素，如果没有会以body来定位。固定定位会脱离文档流，如果产生了高度塌陷就是这个起因导致的

要依据子觉父相，也就是子元素加相对定位，给父元素加一个绝对定位，一个position：relative；就行如果不给父元素加绝对定位，那么加了相对定位的子元素会始终向外寻找增加了绝对定位的元素，如果没有会以body来定位。固定定位会脱离文档流，如果产生了高度塌陷就是这个起因导致的

过渡就是给css单个或者是多个的属性产生的变动过程增加一个过程，时长的规定看我的项目需要个别应用简写语法transition：all这里的all代表选中所有的属性值 5s s代表秒，也能够用ms，1秒等于1000ms，所以不举荐用ms个别写上transition：all 5s；就能够有一个简略的过渡了，依据需要写过渡应该在哪里，如果是鼠标指向的话就加…