2015 年 9月随笔档案 - du度

移动端web之像素基础

摘要：px:css pixels逻辑像素，浏览器使用的抽象单位dp,pt :device independent pixels 设备无关像素dpr:devicePixelRatio 设备像素缩放比计算公式：1px=(dpr)2 * dpiphone 5 的dpr等于2因此：平面上 1px=4*dp 640... 阅读全文

posted @ 2015-09-16 22:54 du度阅读(252) 评论(0) 推荐(0) 编辑

[转]解读2014之前端篇：任性的颠覆式改变

摘要：http://www.infoq.com/cn/articles/2014-review-front-end-part2014年，整个IT领域发生了许多深刻而又复杂的变化，InfoQ策划了“解读2014”年终技术盘点系列文章，希望能够给读者清晰地梳理出技术领域在这一年的发展变化，回顾过去，继续前行。... 阅读全文

posted @ 2015-09-12 23:52 du度阅读(181) 评论(0) 推荐(0) 编辑

[转]CSS,font-family,常用网页字体

摘要：http://www.zreading.cn/ican/2014/10/css-font-family/CSS,font-family,好看常用的中文字体2014-10-14例1（小米米官网）：font-family: "Arial","Microsoft YaHei","黑体","宋体",sans... 阅读全文

posted @ 2015-09-12 19:26 du度阅读(540) 评论(0) 推荐(0) 编辑

Web设计之网页布局CSS技巧

摘要：http://www.cnblogs.com/sosoft/p/3509977.html1、两列布局1.1、左列固定，右列自适应#left{ width:190px; float:left; }#right{ margin-left:205px; }1.2、右列固定，左列自适应#left{ floa... 阅读全文

posted @ 2015-09-12 13:47 du度阅读(274) 评论(0) 推荐(0) 编辑

[转]CSS网页布局：div水平居中的各种方法

摘要：http://jingyan.baidu.com/article/fa4125ac90a2a328ac70929e.html在Web标准中的页面布局是使用Div配合CSS来实现的。这其中最常用到的就是使整个页面水平居中的效果，这是在页面布局中基本，也是最应该首先掌握的知识。不过，还是经常会有人问到这... 阅读全文

posted @ 2015-09-12 13:23 du度阅读(675) 评论(0) 推荐(0) 编辑

[转]移动端实现垂直居中的几种方法

摘要：垂直居中是布局中十分常见的效果之一，为实现良好的兼容性，PC端实现垂直居中的方法一般是通过绝对定位，table-cell，负边距等方法。有了css3，针对移动端的垂直居中就更加多样化。方法1：table-cellhtml结构：垂直居中css:.box1{ display: ta... 阅读全文

posted @ 2015-09-05 22:45 du度阅读(6118) 评论(0) 推荐(0) 编辑

CSS3学习教程：Media Queries详解

摘要：说起CSS3的新特性，就不得不提到 Media Queries 。 Media Queries 的引入，其作用就是允许添加表达式用以确定媒体的情况，以此来应用不同的样式表。换句话说，其允许我们在不改变内容的情况下，改变页面的布局以精确适应不同的设备，以此加强体验。所以Media Queries和C... 阅读全文

posted @ 2015-09-05 21:58 du度阅读(242) 评论(0) 推荐(0) 编辑

闲聊CSS之关于clearfix--清除浮动[转]

摘要：.clearfix:after { content: " "; display: block; clear: both; height: 0;}.clearfix { zoom: 1; display: table;}转载地址：http://www.imooc.com/wenda/detail/11... 阅读全文

posted @ 2015-09-05 18:44 du度阅读(315) 评论(0) 推荐(0) 编辑

公告