text-transform属性控制文本的大小写。 值 描述 none 默认。定义带有小写字母和大写字母的标准的文本。 capitalize 文本中的每个单词以大写字母开头。 uppercase 定义仅有大写字母。 lowercase 定义无大写字母，仅有小写字母。 inherit 规定应该从父元素 ...
分类：
Web程序 时间：
2021-04-14 11:54:38
阅读次数：
0
使用css3的flex模型实现一个居中布局 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>flex居中布局</title> 6 <style type="text/css"> 7 html, 8 bod ...
分类：
Web程序 时间：
2021-02-15 12:24:42
阅读次数：
0
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>基于CSS3的3D立方体旋转动画</title> <style> /* 3d旋转样式 */ .cub { width: 2.5rem; height: 2.5rem; positi ...
分类：
其他好文 时间：
2021-01-11 11:09:41
阅读次数：
0
开发商城总免不了主题色的更换, 总不能一个个颜色手动粘贴复制吧,一键切换不香嘛 首先需要用到css3的var()函数,用法如下 1 body { 2 --size: 20px; 3 font-size: var(--size); // 20px 4 padding:var(--size); // 2 ...
分类：
Web程序 时间：
2021-01-07 12:39:05
阅读次数：
0
CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式 CSS3 弹性盒子内容 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)两部分组成。 弹性容器通过设置 display 属性的值为 flex 或 inline‐flex将其定义为弹性 ...
分类：
其他好文 时间：
2020-12-04 11:45:31
阅读次数：
16
css3的3d起步 要玩转css3的3d，就必须了解几个词汇，便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物，从而展现3D的效果。旋转则不再是2D平面上的旋转，而是三维坐标系的旋转，就包括X轴，Y轴，Z轴旋转。平移同理。 ...
分类：
Web程序 时间：
2020-09-18 01:03:13
阅读次数：
47
知识点一：渐变 线性渐变 background: linear-gradient(red,blue); background: linear-gradient(red 10%,blue 90%); background: linear-gradient(to right, red 10%,blue ...
分类：
Web程序 时间：
2020-08-26 18:31:25
阅读次数：
62
一、处理浏览器兼容问题 html5shiv.min.js 处理ie9以下的对于H5标签的兼容性问题 respond.js 处理css3的兼容性问题 加判断，如果是IE9以下的浏览器，就执行这个代码 <!-- 条件注释 --> <!--[if lt IE9]> <script src="http:// ...
分类：
Web程序 时间：
2020-08-20 18:18:04
阅读次数：
100
在控制元素的水平、垂直居中问题时，有很多种解决方法，下面介绍几种解决办法： 水平垂直居中： 第一种：css3的transform .ele{// 父元素 /*设置元素绝对定位*/ position:absolute; /*top 50%*/ top: 50%; /*left 50%*/ left: ...
分类：
Web程序 时间：
2020-07-28 22:50:08
阅读次数：
110
今天在重构网页特效的时候，想着用到一个css3的旋转特效。简单来一个demo。 html <div class="box"> <img src="./yft.png" alt="" class="rotation"> </div> css <style> @-webkit-keyframes rot ...
分类：
Web程序 时间：
2020-07-28 14:44:30
阅读次数：
164
