MyZone

摘要：<!-- 《CSS世界》张鑫旭著 --> 功勋卓越的 border 属性 border-width 不支持百分比值 border-style 类型 border-style 默认值是none；多出现在重置边框样式的时候，渲染性能最高的写法是： div { border: 1px solid; bor 阅读全文

摘要：<!-- 《CSS世界》张鑫旭著 --> margin 无效情形解析 （1）display 计算值 inline 的非替换元素的垂直 margin 是无效的。对于内联替换元素，垂直 margin 有效，并且没有 margin 合并的问题，所以图片永远不会发生 margin 合并。 （2）表格中的<t 阅读全文

摘要：<!-- 《CSS世界》张鑫旭著 --> 正确看待 CSS 世界里的 margin 合并 什么是 margin 合并 块元素的上外边距（margin-top）与下外边距（margin-bottom）有时会合并成单个外边距，这样的现象称为“margin合并”。 （1）块级元素，但不包括浮动元素和绝对定 阅读全文

摘要：激进的margin属性 margin与元素尺寸以及相关布局 元素尺寸 border box尺寸，对应jQuery中的$().outerWidth()和$().outerHeight()方法，在原生DOM API中写作offsetWidth和offsetHeight，所以有时候也称为“元素偏移尺寸” 阅读全文

摘要：<!-- 《CSS世界》张鑫旭著 --> 温和的padding属性 因为默认的box-sizing是content-box，所以使用padding会增加元素的尺寸。 尺寸表现对具有块状特性的元素和内联元素而言有些许不同。 很多人会觉得内联元素的padding只会影响水平方向，不会影响垂直方向。这种认 阅读全文

摘要：<!-- 《CSS世界》张鑫旭著 --> content内容生成技术 1. content 辅助元素生成 清除浮动： 辅助实现“两端对齐”以及“垂直居中/上边缘/下边缘对齐”：（示例地址 http://demo.cssworld.cn/4/1-7.php） 2. content 字符内容生成 比较常 阅读全文

摘要：<!-- 《CSS世界》张鑫旭著 --> 替换元素和非替换元素的距离有多远？ 观点1：替换元素和非替换元素之间只隔了一个src属性！ 在Firefox浏览器下，没有src属性的<img>表现和普通<span>类似，已经完全不是替换元素了。很好地证明了“如果图片没有替换内容，图片就是一个普通的内联标签 阅读全文