随笔分类 -  css

摘要:border:none与border:0的区别体现为两点:一是理论上的性能差异,二是浏览器兼容性的差异。 性能差异: 【border:0;】把border设为“0”像素效果等于border-width:0,浏览器依然对border-width、border-color进行了渲染,即已经占用了内存值。 阅读全文
posted @ 2016-07-13 10:26 PhoebeWang 阅读(219) 评论(0) 推荐(0)
摘要:1.去掉 a,input 在移动端浏览器中的默认样式(半透明灰色遮罩阴影) 2.禁止长按 a,img 标签长按出现菜单栏 3.省略号 4.swiper插件(当屏幕旋转或变化时,重新计算位移) 5.移动端字体 6.CSS3 @font-face 自己定义的Web字体嵌入到你的网页中 在线转化字体: / 阅读全文
posted @ 2016-07-12 16:47 PhoebeWang 阅读(674) 评论(0) 推荐(0)
摘要:一个Div包含了多个子Div,并且子Div使用了浮动后,父Div确不能被撑开,如下图: 部分代码如下: 1 <style>2 #div1{border:1px solid red;float:left;}3 #div2,#div3{float:right;border:1px solid blue; 阅读全文
posted @ 2016-06-27 17:02 PhoebeWang 阅读(1143) 评论(0) 推荐(0)
摘要:前言: 文章较为系统地介绍了rem这个新的文字大小单位,绝对干货,绝对好文。转载时略有改动。 先来看看一些基本理念,比如: 响应式网页不仅仅是响应不同类型的设备,而且需要响应不同的用户需求。响应式的初衷是为了让信息更好的传递交流,让所有人无障碍的获取信息,同时这也是 Web 的初衷。 同样的,响应式 阅读全文
posted @ 2016-06-14 14:23 PhoebeWang 阅读(39658) 评论(0) 推荐(2)