垂直居中是布局中十分常见的效果之一，为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。 方法1：table-cell html结构： <div class="box box1"> <span>垂直居中< ...
分类：
Web程序 时间：
2019-03-02 10:47:09
阅读次数：
201
一、基础：1.html：基本结构，构成骨架，各标签属性，html5，页面属性，浏览器内核适配2.css：外观改变，css3，浏览器兼容性3.js：操作元素节点，es5、6....，兼容性，浏览器、用户、后端交互，对象为主：原型、闭包、作用域....二、插件：1.各种内部使用插件：swiper、mis ...
分类：
其他好文 时间：
2019-03-02 00:55:32
阅读次数：
189
移动端页面布局 一、 水平居中 二、 自适应块级元素水平居中 前面介绍的块级元素居中要求有固定宽度，对于自适应的块级元素就无能为力了 1 /* 借助css3的变形属性Transform来完成 */ 2 .content { 3 position: absolute; 4 left: 50%; 5 t ...
分类：
移动开发 时间：
2019-03-01 09:31:37
阅读次数：
238
css3新增属性 可节省设计时间的属性 border color:控制边框的颜色，并且有更大的灵活性，可以产生渐变效果 border image:控制边框图像 border radius:能产生类似圆角矩形的效果 text shadow:文字投影 box shadow:元素盒子投影 multiple ...
分类：
Web程序 时间：
2019-02-28 23:10:54
阅读次数：
355
基本选择器 下面所有的基本选择器都是在demo1.html的基础上面添加部分样式实现的。 demo1.html 通配符选择器（*） 通配符选择器用来选择所有元素，也可以选择某个元素下的所有元素。 *{margin:0;padding:0;} .demo *{border:1px solid blue ...
分类：
Web程序 时间：
2019-02-28 18:28:32
阅读次数：
201
/animation/.a-bounce,.a-flip,.a-flash,.a-shake,.a-swing,.a-wobble,.a-ring{-webkit-animation:2sease;-moz-animation:2sease;-ms-animation:2sease;animation:2sease;}.a-fadein,.a-fadeinT,.a-fadeinR,.a-fadei
分类：
Web程序 时间：
2019-02-26 10:28:21
阅读次数：
159
css组成1.样式表2.规则3.选择器+声明块4.声明5.css属性和css属性值组成的键值对 解析css的规则是：浏览器从右向左解析 css的部分属性存在继承关系 选择器有：基本选择器 略 基本选择器扩展子元素选择器 div>ul>li相邻兄弟选择器 div ul + p只会匹配紧跟其后的兄弟元素 ...
分类：
Web程序 时间：
2019-02-23 01:27:22
阅读次数：
232
colspan 属性规定单元格可横跨的列数。 <td colspan="2"></td> form 表单 <input type="…… " name="" value="" /> text 文本框 password 密码 radio 单选 checkbox 复选 submit 提交 reset 重 ...
分类：
Web程序 时间：
2019-02-22 21:43:11
阅读次数：
228
属性 默认值 属性值及其描述 animation-name 默认值：none 规定需要绑定到选择器的 keyframe 名称。 keyframename 规定需要绑定到选择器的 keyframe 的名称。 none 规定无动画效果（可用于覆盖来自级联的动画）。 animation-duration ...
分类：
Web程序 时间：
2019-02-22 18:17:05
阅读次数：
213
元素选择子: * 任何元素 E 与E标签结合的任何元素 E F E的所有派生标签中，有F标签的元素 E > F 或者 E/F E的所有直接的拥有F标签的子类 E + F 所有具有F标签的元素，紧靠的前一个元素有E标签 E ~ F 所有具有F标签的元素，前一个兄弟元素有E标签 属性选择子: @和引号是 ...
分类：
Web程序 时间：
2019-02-19 15:02:11
阅读次数：
2653
