2017年6月27日
如何构造对象
摘要： a) 工厂模式； b) 构造函数模式； c) 原型模式； 1.1、构造函数模式 1.1.1使用new操作符后跟Object构造函数 如： var person = new Object(); person.name = "kitty"; person.age = 25; person.__proto 阅读全文
posted @ 2017-06-27 22:43 夏目桑 阅读(451) 评论(0) 推荐(0) 编辑
css 清除浮动
摘要： 功能: 实现图文混排效果 原理: 绝对定位的元素脱离了文档流，而浮动元素依旧在文档流中； 清除浮动：(高度塌陷) 1. 额外标签法，<div style="clear:both;"></div>（缺点：不过这个办法会增加额外的标签使HTML结构看起来不够简洁。） 2. 使用after伪元素(该方法中 阅读全文
posted @ 2017-06-27 22:10 夏目桑 阅读(121) 评论(0) 推荐(0) 编辑
2017年6月26日
css 各单位 距离比较
摘要： 一、单位 1. em 若自身没有设置字体大小，依据父元素 2. rem html { font-size: 10px;} body{ font-size: 1rem;} //font-size: 10px; *不仅仅是font-size,margin,padding等都可用 *html{font-s 阅读全文
posted @ 2017-06-26 22:51 夏目桑 阅读(459) 评论(0) 推荐(0) 编辑
等高布局
摘要： 1. table-cell 默认等高 （table-cell还可实现两栏自适应布局） 2. padding + margin padding-bottom: -1000px; margin-bottom: 1000px; overflow: hidden; 3. 利用背景图片或者颜色模拟 4. 利用 阅读全文
posted @ 2017-06-26 22:46 夏目桑 阅读(111) 评论(0) 推荐(0) 编辑
css垂直居中
摘要： 垂直居中常用方法总结: 一、div 在 div中居中 1. 绝对居中 margin: auto; 2. 绝对定位 position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); 或 margin: -width; 3 阅读全文
posted @ 2017-06-26 22:34 夏目桑 阅读(133) 评论(0) 推荐(0) 编辑
2016年11月6日
css3新特性总结
摘要： 1.-webkit-tap-highlight-color　(用于移动设备) 设置或检索对象的轻按时高亮。当用户轻按一个链接或者JavaScript可点击元素时给元素覆盖一个高亮色如果想取消这个高亮，将值设置为全透明即可，比如transparent对应的脚本特性为textHighlightColor 阅读全文
posted @ 2016-11-06 22:46 夏目桑 阅读(171) 评论(0) 推荐(0) 编辑
2016年11月3日
CSS布局 -- 圣杯布局 & 双飞翼布局
摘要： 【圣杯布局】 在这里，实现了左(200px) 右(220px) 宽度固定，中间自适应，container部分高度保持一致。 DEMO 稍微说明一下： html代码中 middle部分首先要放在container的最前部分。然后是left,right 1.将三者都 float:left , 再加上一个 阅读全文
posted @ 2016-11-03 14:19 夏目桑 阅读(122) 评论(0) 推荐(0) 编辑