高效的CSS写法中的一条就是使用简写。通过简写可以让你的CSS文件更小，更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。

色彩缩写

色彩的缩写最简单，在色彩值用16进制的时候，如果每种颜色的值相同，就可以写成一个：

#大有学问#

盒子模型

什么是CSS？

CSS是一种表现HTML或XML等文件样式的计算机语言，可以静态修饰网页和脚本语言动态地对网页各元素进行格式化，还能够对网页中元素位置的排版进行像素级精确控制，具有丰富的样式定义、易于使用和修改、多页面应用、层叠、页面压缩等特点。

基于css3新属性transform，实现3d立方体的旋转

通过原生JS，点击事件，鼠标按下、鼠标抬起和鼠标移动事件，实现3d立方体的拖动旋转，并将旋转角度实时的反应至界面上显示

实现原理：通过获取鼠标点击屏幕时的坐标和鼠标移动时的坐标，来获得鼠标在X轴、Y轴移动的距离，将距离实时赋值给transform属性

从而通过改变transform：rotate属性值来达到3d立方体旋转的效果

HTML代码块：

一、CSS背景属性

1.背景颜色（background-color）

属性值：transparent(透明的)或color(颜色)

HTML中的<script>标签详解

在HTML

vue3新特征汇总与源码分析

（备注：vue3使用typescript编写）

何为应用？

const app = Vue.createApp({})

app就是一个应用。

应用的配置和应用的API就是app应用的属性和方法。

1.应用配置：

计算属性（computed property）

HTML页面上的类似{{userName}}这样的，就是模板语法，这里面除了显示某个字段以外，也可以使用JavaScript表达式，例如：

结果：{{ eduBg < 99 && eduBg > 0 ? "通过":"未通过" }}

圆角边框：

在CSS3中，新增了圆角边框样式，这样我们的盒子就可以变圆角了

border-radius属性用于设置元素的外边框圆角。

语法：