CSS3为web设计增添了许多令人惊叹的特性，这其中你经常会用到box-shadow（图层阴影），border-radius（边框圆角），transform（变形）这一类受欢迎的常用特性。但是还有一些强大的功能，你可能没有接触到，它们就象是埋藏在地下的宝藏，静静等待着你的发掘。
W3C正不断致力于为设计师、开发人员和用户开发新的CSS特性，下面我们就来看看你可能不知道的CSS3中的10个隐藏特性：
2025年05月02日
CSS3为web设计增添了许多令人惊叹的特性，这其中你经常会用到box-shadow（图层阴影），border-radius（边框圆角），transform（变形）这一类受欢迎的常用特性。但是还有一些强大的功能，你可能没有接触到，它们就象是埋藏在地下的宝藏，静静等待着你的发掘。
W3C正不断致力于为设计师、开发人员和用户开发新的CSS特性，下面我们就来看看你可能不知道的CSS3中的10个隐藏特性：
2025年05月02日
1、 设置字体样式的基本标签是<font></font>，被其包含的文本为样式作用区。在初学者的HTML代码编写中，<font></font>容易被多重嵌套，如<font 属性1=值1><font 属性2=值2>文本</font></font>。还有一种情况是标签嵌套错位，如<font><p>文本</font></p>。为了规范代码的编写，避免不必要的错误，读者在初学时一定要谨慎。
2025年05月02日
CSS3引入了强大的动画功能，使得开发者能够在不依赖JavaScript的情况下创建丰富的视觉动效。本文将深入探讨CSS3动画的核心概念、主要特性以及如何通过关键帧动画和过渡效果实现各类动画效果。
1.1 过渡（Transition）
2025年05月02日
2025年05月02日
高效的CSS写法中的一条就是使用简写。通过简写可以让你的CSS文件更小，更易读。而了解CSS属性简写也是前端开发工程师的基本功之一。今天我们系统地总结一下CSS属性的缩写。
色彩缩写
色彩的缩写最简单，在色彩值用16进制的时候，如果每种颜色的值相同，就可以写成一个：
2025年05月02日
一 css3过渡 转换
css3过渡(transition)允许我们在限定的时间内从一个属性值转变到另一个属性值.
●transition-property:指定要转换的属性
●transition-duration:指定转换发生的持续时间
●
transition-timing-function:指定转换的速度在其持续时间内如何变化
●transition-delay:指定过渡效果的延迟(以秒为单位)
2025年05月02日
什么是CSS？
CSS是一种表现HTML或XML等文件样式的计算机语言，可以静态修饰网页和脚本语言动态地对网页各元素进行格式化，还能够对网页中元素位置的排版进行像素级精确控制，具有丰富的样式定义、易于使用和修改、多页面应用、层叠、页面压缩等特点。
2025年05月02日
基于css3新属性transform，实现3d立方体的旋转
通过原生JS，点击事件，鼠标按下、鼠标抬起和鼠标移动事件，实现3d立方体的拖动旋转，并将旋转角度实时的反应至界面上显示
实现原理：通过获取鼠标点击屏幕时的坐标和鼠标移动时的坐标，来获得鼠标在X轴、Y轴移动的距离，将距离实时赋值给transform属性
从而通过改变transform：rotate属性值来达到3d立方体旋转的效果
HTML代码块：
Powered By Z-BlogPHP 1.7.4