方法一：图片尺寸未知，IE8-不支持CSS部分：DOM部分：方法二：图片尺寸已知，正负margin抵消CSS部分：DOM结构：//margin-top:-imgheight/2方法三：图片尺寸未知，table-cell属性，IE8-不支持CSS部分DOM部分方法四：图片大小未知，背景图片CSS部分D...
分类：
其他好文 时间：
2014-12-27 15:10:08
阅读次数：
161
margin:10pxmargin:10pxmargin:10pxmargin:10px现代浏览器效果：ie6效果:div增加float:left后现代浏览器效果：
分类：
其他好文 时间：
2014-12-26 22:49:30
阅读次数：
116
一、为什么需要重置样式表
即使不写CSS样式，HTML标签在浏览器中也有样式，这些样式来自浏览器本身。但问题是，不同浏览器默认样式可能不同。CSS重置样式表就是为了解决这个问题。
二、常用的重置样式表
（1）简单暴力型
只有一行：
*{margin:0; padding:0;}通配符"*"匹配了所有的标签，通常认为性能不好。
（2）归零型
（几乎）全部将标签样...
分类：
Web程序 时间：
2014-12-26 21:45:20
阅读次数：
240
postion:relative是子块级元素面向父级元素的相对定位，定位关键字使用left/right/top/bottom。兄弟块元素之间相对进行定位，但是position移动后，原位置依然保留。而且随后的兄弟块元素定位基于被移走前的位置。
float:right/left是子块级元素流集合面向父级元素的定位，定位的关键词使用margin/padding。兄弟块元素之间进行相对的定位均基于...
分类：
Web程序 时间：
2014-12-26 18:41:05
阅读次数：
227
css方面给图片添加边框，padding：1px; border:1px #dedede solid。会比直接贴图漂亮点弹性图片 img {width:100%; height:auto;}js方面盘-古-建=站的统一用的js等比例缩放图片，并让图片自动居中。Remarks：有待研究。（201412...
分类：
其他好文 时间：
2014-12-26 18:32:26
阅读次数：
168
试用场景： 2列布局，左侧单张大图，右侧内容不限 左侧图片max-width:100%; height: auto; 右侧内容最外层div设置position:relative; height:0; padding-bottom: (高px值/宽px值)*100%; ...
分类：
其他好文 时间：
2014-12-26 18:27:45
阅读次数：
141
BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 s.....
分类：
其他好文 时间：
2014-12-26 18:24:42
阅读次数：
193
密码强度检测
input{float: left; font-size: 14px; width: 250px; height: 25px; border: 1px solid #ccc; padding-left: 10px;}
#tips{float: left; font-size: 12px; width: 400px; height: 25px; margin: 4px...
分类：
其他好文 时间：
2014-12-26 16:48:54
阅读次数：
105
启动Project Structure的时候可以Structure看到分两个区域
一个是项目的总体设置区域.还有一个是对Module的分别设置.
一.项目总体设置
SDK Location中可以设置SDK和JDK路径.
Studio 之 Gradle与Project Structure详解" style="margin:0px; padding:0px; bor...
分类：
移动开发 时间：
2014-12-26 11:16:20
阅读次数：
1936
盒子模型是CSS控制页面时一个很重要的概念。所有页面中的元素都可以看成是一个盒子，占据着一定的页面空间。可以通过调整盒子的边框和距离等参数，来调节盒子的位置和大小。1. 盒子的内部结构 在CSS中，一个独立的盒子模型由content（内容）、border（边框）、padding（内边接）和ma...
分类：
Web程序 时间：
2014-12-25 20:14:04
阅读次数：
171
