2017年4月20日
多重边框
摘要： div { box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 0 12px rgba(0, 0, 0, 0.2), 0 0 0 18px rgba(0, 0, 0, 0.2), 0 0 0 24px rgba(0, 0, 0, 0.2); height: 2 阅读全文
posted @ 2017-04-20 11:14 晨光暖日 阅读(116) 评论(0) 推荐(0)
pointer-events:none
摘要： 用于屏蔽鼠标事件对元素的影响，键盘事件不可以 阅读全文
posted @ 2017-04-20 11:11 晨光暖日 阅读(104) 评论(0) 推荐(0)
2017年4月19日
css技巧总结
摘要： 1.currentColor，本元素或者父级元素的字体颜色，用于做皮肤时使用 2.多行省略， <style> .content{ width:200px; display:-webkit-box;/*必须这样*/ overflow:hidden;/*必须*/ text-overflow:ellips 阅读全文
posted @ 2017-04-19 10:37 晨光暖日 阅读(105) 评论(0) 推荐(0)
2017年4月18日
css不知宽高的元素居中
摘要： 方法1：反向移动 方法2：flex布局 方法3：四向定位 方法4：表格 father{ display:table; text-algin:center; } son{ display:table-cell; vertical-align:middle; } 阅读全文
posted @ 2017-04-18 16:27 晨光暖日 阅读(714) 评论(0) 推荐(0)
新的高度宽度单位vw，vh
摘要： vh：窗口可视高度单位，1vh = 1%高度； vw: 窗口可视宽度单位，1vw = 1%宽度； 阅读全文
posted @ 2017-04-18 15:02 晨光暖日 阅读(478) 评论(0) 推荐(0)
2017年4月12日
DOM0级，2级
摘要： 转载 DOM1级主要定义的是HTML和XML文档的底层结构。DOM2和DOM3级别则在这个结构的基础上引入了更多的交互能力，也支持了更高级的XML特性。为此DOM2和DOM3级分为许多模块（模块之间具有某种关联），分别描述了DOM的某个非常具体的子集。 http://blog.sina.com.cn 阅读全文
posted @ 2017-04-12 14:56 晨光暖日 阅读(215) 评论(0) 推荐(0)
关于移动端点击事件的问题
摘要： 1.小项目可以继续使用click，安卓在不可缩放状态下会去掉延迟 2.引入fastclick 3.vue使用v-tap 阅读全文
posted @ 2017-04-12 10:05 晨光暖日 阅读(163) 评论(0) 推荐(0)
2017年4月11日
位操作符
摘要： ~，操作值的负值减一； &，就是对比两个数值的2进制，同为1得1，其他均为0； |，就是对比两个数值的2进制，有1得1，其他均为0； ^，按位异或，同为1得0，单一为1得1，同为0得0； <<，左移，按数值左移相应的位数，空缺位以0补上； >>，右移，按数值右移相应的位数，空缺位以0补上，移出第一位 阅读全文
posted @ 2017-04-11 10:37 晨光暖日 阅读(114) 评论(0) 推荐(0)
2017年4月6日
clip属性，截取你想要显示的图片
摘要： 你有兴趣可以看https://tympanus.net/codrops/2013/01/16/understanding-the-css-clip-property/ 阅读全文
posted @ 2017-04-06 09:56 晨光暖日 阅读(249) 评论(0) 推荐(0)
2017年4月5日
select背景灰色
摘要： 在移动端设置color：transparent； 阅读全文
posted @ 2017-04-05 16:43 晨光暖日 阅读(233) 评论(0) 推荐(0)