随笔分类 -  HTML/CSS

清除浮动的那些事
摘要：前言近期有一项目涉及修改别人所写的主题，在清理浮动的环节上无比痛苦。在此整理一下关于清理浮动的方法和我的看法，希望能提供一些参考作用。浮动（Float）最初的定义我想只是为了实现图文环绕效果，而如今通常在多栏布局时使用，是CSS里最最常用的一种布局手段。比起圣杯布局等，它更加容易上手并容易处理布局问... 阅读全文

posted @ 2015-08-23 15:00 SherryIsMe 阅读(217) 评论(0) 推荐(0)

css 经典布局之圣杯布局（左右固定，中间自适应）
摘要：css 圣杯布局在国内又叫做双飞翼布局，这种布局的特点是左右两边的宽度固定，中间的宽度自适应，同理也可以实现左边固定，右边自适应，反之亦然。注： 我不做 IE6 兼容已经很多年了。第一种方式： 使用 margin这种方式的原理是三个区块都设置成左浮动，中间的区块宽度 100%，调整左右区块的 mar... 阅读全文

posted @ 2015-08-23 14:24 SherryIsMe 阅读(274) 评论(0) 推荐(0)

博文收藏
摘要：1.absolute绝对定位的非绝对定位用法byzhangxinxufromhttp://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=608position为absolute的元素如果没有设置left, top等值与le... 阅读全文

posted @ 2015-03-16 11:20 SherryIsMe 阅读(228) 评论(0) 推荐(0)

HTML5和以前HTML4的区别整理【转】
摘要：HTML5是HTML标准的下一个版本。虽然HTML5没有完全颠覆HTML4，但是它们也有一些不同。最新最全的HTML5-HTML4对比信息请看http://dev.w3.org/html5/html4-differences/，貌似略多的样子。在这个IE还仍然存在的世界里，HTML5的差别先掌握一些... 阅读全文

posted @ 2015-03-15 21:13 SherryIsMe 阅读(262) 评论(0) 推荐(0)

经常遇到的浏览器兼容性问题
摘要：1、浏览器默认的margin和padding不同。解决方案是加一个全局的*{margin:0;padding:0;}来统一。2、IE6双边距bug:块属性标签float后，又有横行的margin情况下，在ie6显示margin比设置的大。 解决方案：1.在float的标签样式控制中加入 displ... 阅读全文

posted @ 2015-03-15 15:30 SherryIsMe 阅读(527) 评论(0) 推荐(0)

导航