会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
MyZone
千里之行,始于足下
博客园
首页
新随笔
联系
订阅
管理
上一页
1
2
3
4
5
6
下一页
2018年8月12日
《CSS世界》读书笔记(十一)
摘要: 激进的margin属性 margin与元素尺寸以及相关布局 元素尺寸 border box尺寸,对应jQuery中的$().outerWidth()和$().outerHeight()方法,在原生DOM API中写作offsetWidth和offsetHeight,所以有时候也称为“元素偏移尺寸”
阅读全文
posted @ 2018-08-12 13:42 纤锐
阅读(163)
评论(0)
推荐(0)
编辑
2018年8月8日
《CSS世界》读书笔记(十)
摘要: <!-- 《CSS世界》张鑫旭著 --> 温和的padding属性 因为默认的box-sizing是content-box,所以使用padding会增加元素的尺寸。 尺寸表现对具有块状特性的元素和内联元素而言有些许不同。 很多人会觉得内联元素的padding只会影响水平方向,不会影响垂直方向。这种认
阅读全文
posted @ 2018-08-08 21:17 纤锐
阅读(378)
评论(0)
推荐(0)
编辑
2018年8月6日
《CSS世界》读书笔记(九)
摘要: <!-- 《CSS世界》张鑫旭著 --> content内容生成技术 1. content 辅助元素生成 清除浮动: 辅助实现“两端对齐”以及“垂直居中/上边缘/下边缘对齐”:(示例地址 http://demo.cssworld.cn/4/1-7.php) 2. content 字符内容生成 比较常
阅读全文
posted @ 2018-08-06 21:17 纤锐
阅读(263)
评论(0)
推荐(0)
编辑
2018年8月1日
《CSS世界》读书笔记(八)
摘要: <!-- 《CSS世界》张鑫旭著 --> 替换元素和非替换元素的距离有多远? 观点1:替换元素和非替换元素之间只隔了一个src属性! 在Firefox浏览器下,没有src属性的<img>表现和普通<span>类似,已经完全不是替换元素了。很好地证明了“如果图片没有替换内容,图片就是一个普通的内联标签
阅读全文
posted @ 2018-08-01 20:26 纤锐
阅读(341)
评论(0)
推荐(0)
编辑
2018年7月27日
《CSS世界》读书笔记(七)
摘要: <!-- 《CSS世界》 张鑫旭著 --> 替换元素 根据是否具有可替换内容,我们可以把元素分为替换元素和非替换元素。 <img>、<object>、<video>、<iframe>或表单元素<textarea>和<input>都是典型的替换元素。 替换元素除了内容可替换这一特性之外,还有以下一些特
阅读全文
posted @ 2018-07-27 22:40 纤锐
阅读(417)
评论(0)
推荐(0)
编辑
2018年7月25日
《CSS世界》读书笔记(六)
摘要: <!-- 《CSS世界》 张鑫旭著 --> min-width/max-width和min-height/max-height min-width/max-width出现的场景一定是自适应布局或者流体布局中; max-width和max-height的初始值是none,min-width和min-h
阅读全文
posted @ 2018-07-25 19:37 纤锐
阅读(482)
评论(0)
推荐(0)
编辑
2018年7月23日
《CSS世界》读书笔记(五) --height:100%
摘要: <!-- 《CSS世界》 张鑫旭著 --> 相对简单而单纯的height:auto height:auto比width:auto简单的多,原因在于: CSS默认流是水平方向的,宽度是稀缺的,高度是无限的。因此,宽度的分配规则比较复杂,高度就显得随意的多。 此外,height:auto也有外部尺寸特性
阅读全文
posted @ 2018-07-23 18:38 纤锐
阅读(383)
评论(0)
推荐(0)
编辑
2018年7月21日
《CSS世界》读书笔记(四)--宽度分离
摘要: <!-- 《CSS世界》张鑫旭著 --> CSS流体布局下的宽度分离原则 所谓“宽度分离原则”,就是CSS中的width属性不与影响宽度的padding/border(有时候包括margin)属性共存,也就是不能出现以下的组合: .box { width:100px; border: 1px sol
阅读全文
posted @ 2018-07-21 11:25 纤锐
阅读(321)
评论(0)
推荐(0)
编辑
2018年7月19日
《CSS世界》读书笔记(三) --width:auto
摘要: <!-- 《CSS世界》 张鑫旭著 --> width:auto width:auto至少包含了以下4种不同的宽度表现: 充分可利用空间。比方说,<div>、<p>这些元素的宽度默认是100%于父级容器的。 收缩与包裹。典型代表是浮动、绝对定位、inline-block元素或table元素,英文成为
阅读全文
posted @ 2018-07-19 20:20 纤锐
阅读(495)
评论(0)
推荐(0)
编辑
2018年7月17日
《CSS世界》读书笔记(二)
摘要: <!-- 《CSS世界》 张鑫旭著 --> 块级元素:水平流上只能单独显示一个元素 <li>元素默认的display值是list-item,是块级元素 块级盒子(block-level box):负责结构;内联盒子(inline box):负责内容; list-item元素会出现项目符号是因为生成了
阅读全文
posted @ 2018-07-17 21:03 纤锐
阅读(278)
评论(0)
推荐(0)
编辑
上一页
1
2
3
4
5
6
下一页
公告