2017年8月16日
年龄判段属相
摘要： 通过年龄判段属相 <!DOCTYPE html swith case 根据年龄判断属相 box{ font size:30px; } 请输入您的年龄 提交 function getAge(){ //获取input中的值 var age = document.getElementById("age") 阅读全文
posted @ 2017-08-16 00:31 不完美的完美 阅读(228) 评论(0) 推荐(0)
JS实现上下左右对称的九九乘法表
摘要： JS实现上下左右对称的九九乘法表 table{ table layout:fixed; border collapse:collapse; } td{ padding:10px; border:1px solid 999; } td:empty{ border:none; } 一 左下角为度的梯形乘 阅读全文
posted @ 2017-08-16 00:27 不完美的完美 阅读(4104) 评论(0) 推荐(0)
2017年8月15日
分支结构
摘要： 分支结构 条件语句 1.单向分支 if(条件){ } 2.双向分支 if(){ } else{ } 3.嵌套分支 if(){ if(){ } } else{ } 4.多项分支 if else if(适应表示范围) if(){ } else if(){ }else if(){ }else { } 5. 阅读全文
posted @ 2017-08-15 21:01 不完美的完美 阅读(239) 评论(0) 推荐(0)
2017年8月14日
数据类型转换,JS操作HTML
摘要： 数据类型转换 1.自动转换(在某种运算环境下) Number环境 String环境 Boolean环境 2.强制类型转换 Number() 字符串:纯数字和空字符转为正常数字,其他NaN 布尔值:ture=1,false=0 var str = "abc" console.log(typeof(st 阅读全文
posted @ 2017-08-14 22:02 不完美的完美 阅读(233) 评论(0) 推荐(0)
2017年8月12日
JavaScript 基础知识
摘要： JavaScript 基础 编程语言 机器语言 汇编语言 高级语言 编译形 解释形 php/js ECMA 欧洲计算机制作联合会 JavaScript 组成 ECMA3 ECMA5 ECMA6(ECMA2015) (ECMA2016) (ECMA2017) 客户端 JavaScript 组成 ECM 阅读全文
posted @ 2017-08-12 11:37 不完美的完美 阅读(201) 评论(0) 推荐(0)
2017年8月11日
三种方法实现盒子垂直左右居中
摘要： 盒子垂直左右居中方法 方法1(不常用) <!DOCTYPE html 盒子垂直左右居中 .box{ width:1000px; height:500px; border:1px solid 000; margin:0 auto; display:flex; } .box div{ width:200 阅读全文
posted @ 2017-08-11 16:56 不完美的完美 阅读(769) 评论(0) 推荐(0)
2017年8月10日
弹性网络
摘要： 弹性网络(删格系统) sm 小屏幕 md 中屏幕 lg 大屏幕 响应式图片 给img的宽度 设置为 100% 使用background image 配合 padding top/background size 使用 `` 标签。 使用 pricturefill.js 插件 使用插件实现图片拖动 wi 阅读全文
posted @ 2017-08-10 16:15 不完美的完美 阅读(429) 评论(0) 推荐(0)
2017年8月9日
CSS3制作旋转的小风车
摘要： 制作旋转小风车 一 我先搭建一个大盒子400x400px大盒子里面嵌套四个小盒子200x200px,放在一起肯定是四个排在一行,我想要的效果是上下各两个, { margin:0; padding:0; } box{ display:flex;/ 将容器设置为伸缩盒,和设置float效果一样 / fl 阅读全文
posted @ 2017-08-09 21:22 不完美的完美 阅读(3333) 评论(0) 推荐(0)
响应式网页设计
摘要： viewport 定义 可视区域 移动端:布局视口(大部分980px)/理想视口(视口宽度=设备宽度) 设置 设置选项 width 视口宽度 通常设置为device width height 视口高度 initical calse 初始化缩放比例 maximum scale 最大缩放比例 minim 阅读全文
posted @ 2017-08-09 17:53 不完美的完美 阅读(273) 评论(0) 推荐(0)
2017年8月8日
WEB字体,多列布局和伸缩盒
摘要： WEB字体 语法 @font face{ font family:""; src:url() format() ... } 兼容性写法 @font face { font family: 'diyfont'; src: url('diyfont.eot'); / IE9+ / src: url('d 阅读全文
posted @ 2017-08-08 19:19 不完美的完美 阅读(254) 评论(0) 推荐(0)