转换 2D转换 二维平面移动 语法： transform:translateX(移动的距离) translateY(移动的距离); Transform:translate(水平移动距离，垂直移动距离) 可以设置负值，水平的正值是向右移动，垂直的正值是向下移动 二维平面旋转 语法： Transform ...
分类：
Web程序 时间：
2019-05-26 14:28:17
阅读次数：
167
1.盒子常见属性 1）容器盒子 Box-size:设置盒子模型，CSS3标准， content-box:正常默认模式，起源于谷歌，元素的整体大小会被内边距和边框撑开 border-box：怪异模式，起源于IE，元素的整体大小不会被内边距和边框撑开 Width:宽度 Height:高度 注意：widt ...
分类：
其他好文 时间：
2019-05-25 19:48:12
阅读次数：
123
1、示例一 实现左右布局，左侧宽度200px，右侧自适配 代码如下： 说明： display: -webkit-box; 适用于谷歌浏览器，火狐浏览器，IE Edge display: -ms-flexbox; 适用于IE11，我试了IE8,IE9，都支持不了 效果如下： 2、示例二 实现左中右布局 ...
分类：
Web程序 时间：
2019-05-25 16:58:13
阅读次数：
146
背景 background-color rgb(255,0,0，1) 最后一个值表示透明度，范围是 0--1 background-image 默认平铺重复显示 background-repeat 在页面的水平或者垂直方向平铺 background-attachment 是否固定或者随着页面的其余部 ...
分类：
Web程序 时间：
2019-05-25 12:57:34
阅读次数：
166
CSS3选择器是在CSS2.1选择器的基础上新增了属性选择器、伪类选择器、过滤选择器，减少了对HTML类名或ID名的依赖，避免了对HTML结构的干扰，使编写的过程更加轻松。 根据所获取页面中的元素的不同，可以把CSS选择器分成五大类： 在这其中伪类选择器又分成了六类： 接下来依次介绍： 一、基本选择 ...
分类：
Web程序 时间：
2019-05-24 10:57:34
阅读次数：
114
学习vue实现双向绑定【附源码下载地址】 自己动手写100行Python代码抢火车票！【附源码下载地址】 100+套小程序源码案例，你要收藏好了！ 【源码案例】一颗基于HTML5 Canvas的动画特效树 【源码实例】jQuery万年历插件 带农历老皇历功能 【专题资源】70+小程序DEMO源码案例 ...
分类：
其他好文 时间：
2019-05-24 10:33:00
阅读次数：
144
CSS中的2D变形主要用transform属性来实现，其可以用来控制元素的变形，如移动，比例化，反过来，旋转，和拉伸。 transform属性的基本语法如下 1.translate（） 移动元素，即基于X和Y 坐标重新定义元素位置。 用法如下： transform:translate(300px,2 ...
分类：
Web程序 时间：
2019-05-23 09:40:23
阅读次数：
481
flex是flexiblebox的缩写，中文名字弹性盒子布局,在小程序布局中支持的很好 在试验之前可以看一下张鑫旭的flex https://www.zhangxinxu.com/wordpress/2018/10/display-flex-css3-css/ 1.给父容器设置了display:fl ...
分类：
其他好文 时间：
2019-05-21 19:19:51
阅读次数：
142
在群里无意看到了盆友想要布局一个图文环绕的布局，问有没有什么办法实现，上网查了下，都感觉忽悠人的。 js 方面学的不怎么好，但是页面这块是不服输的。 于是就进行了研究，需求如下： 起先看到这张需求我是有点无奈的，想到了各种css3的方法 旋转、转换 、定位等等等等最后做成了这样: 最后做成了这样，明 ...
分类：
Web程序 时间：
2019-05-20 13:43:21
阅读次数：
439
