CSS中的嵌套是特别繁琐的，即便用比较强大的编辑器比如Webstorm来编辑代码，可是在维护的时候还是不能一目了然的去找到对应的代码，我们经常看到类似这样的代码段：#contentarticleh1{color:#333}
#contentarticlep{margin-bottom:1.4em}
#contentaside{background-color:#eee}..
分类：
其他好文 时间：
2016-11-10 22:05:02
阅读次数：
641
一、兼容性问题的由来：不同的浏览器对同一段代码的解析不同，造成页面解析效果不一样。二、盒模型：IE计算方式：width=content+margin; W3c计算方式：width=content+padding+border+margin默认：box-sizing:content-box(即W3c方 ...
分类：
其他好文 时间：
2016-11-10 19:16:54
阅读次数：
154
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ margin: 0;padding: 0; } .wrap{ width: 100%; height: 3 ...
分类：
编程语言 时间：
2016-11-10 14:06:22
阅读次数：
227
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> * { margin: 0 auto; } #kaishi { text-align: center; background-color: red; ...
分类：
编程语言 时间：
2016-11-10 12:10:09
阅读次数：
199
框的构成以及相关 CSS 特性( property ) 为了给文档树中的各个元素排版定位（布局），浏览器会根据渲染模型1为每个元素生成四个嵌套的矩形框， 分别称作 content box、padding box、border box 和 margin box，它们是不可分割的，并可能会重合， 这就是 ...
分类：
Web程序 时间：
2016-11-10 12:02:39
阅读次数：
192
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>邮箱正则</title> </head> <body> <input type="text" id="Txt1" /> <input type="button" value="提交" ...
分类：
编程语言 时间：
2016-11-10 11:58:07
阅读次数：
203
css样式： #box{ width: 300px; height: 300px; background: deepskyblue; position: absolute; margin-right: 20px; } html布局： <div id="box"></div> js部分： window ...
分类：
移动开发 时间：
2016-11-10 11:39:49
阅读次数：
248
灭董联盟 刘备现在正在被袁术刁难，此时正缺粮草，这时候给些好处，胜过平时十倍。 刘协于刘备厕所中 皇叔，曹操盗国，不留贼名，比董卓高明千百倍啊 曹操对陈公台： 公台兄是什么人？ 他是我的救命恩人 骂我两句怎么了 倒不会掉一根汗毛 而且,公台兄说得有道理,骂得对 骂,继续骂 骂得累了,我们就喝酒 并非 ...
分类：
其他好文 时间：
2016-11-10 09:57:17
阅读次数：
317
本周PSP： C（类别） C（内容） S（开始时间） ST（结束时间） I（中断时间） T（实际时间） 活动 本周站立会议 —— —— —— 340 撰写博客 构建之法有感 22：10 23：44 30 64 饼图： 本周进度条： 随笔累计字数 13542 代码累计行数 1191 知识点 理解软件工 ...
分类：
其他好文 时间：
2016-11-10 03:28:52
阅读次数：
202
负边距在布局中的使用 负边距在布局中的使用 负边距即margin属性的值设为负值，在CSS布局中时一个很有用的技巧。值为正的场景很常见，大家都很熟悉其表现 当margin-top、margin-left为负值的时候，会把元素上移、左移，同时文档流中的位置也发生相应变化,这点与position:rel ...
分类：
其他好文 时间：
2016-11-10 02:30:19
阅读次数：
242
