摘要: css标准流布局(Nomal flow) 一、正常流这是指西方语言中文本从左向右,从上向下显示,这也是我们熟悉的传统的HTML文档中的文本布局。注意,在非西方的语言中,流方向可能不同。大多数元素都在正常流中,要让一个元素不在正常流中,唯一的方法就是使之成为 浮动元素 或 定位元素 。标准流中,块级... 阅读全文
posted @ 2015-11-20 23:49 ~似水流年~ 阅读(16645) 评论(0) 推荐(3) 编辑
摘要: 一、网页布局的几种情况今天让我们总结一下在css布局的各种情况做一个总结,为我们以后布局网页时做一个参考。先看一张图,这是去年cssConf大会时阿里的 @寒冬winter 老师放出来的: 如图所示,css布局可以分为以下几大块: 盒子内部的布局 文本的布局 盒模型本身的布局 盒子之间的布局vi... 阅读全文
posted @ 2015-11-14 22:38 ~似水流年~ 阅读(3789) 评论(0) 推荐(0) 编辑
摘要: 行高定义:line height属性是指文本行基线之间的距离。 顶线、中线、基线、底线概念 从上到下四条线分别是顶线、中线、基线、底线,很像才学英语字母时的四线三格,我们知道vertical align属性中有top、middle、baseline、bottom,就是和这四条线相关。 行高就是上图... 阅读全文
posted @ 2015-11-07 23:18 ~似水流年~ 阅读(1676) 评论(0) 推荐(1) 编辑
摘要: 继承(Inheritance)是从一个元素向其后代元素传递属性值所采用的机制。确定应当向一个元素应用那些值时,用户代理(浏览器)不仅要考虑继承,还要考虑声明的特殊性(specificity),另外需要考虑声明本身的来源。这个过程就称为层叠(cascade)。在此我们将讨论css这三种机制的原理和关... 阅读全文
posted @ 2015-11-06 14:07 ~似水流年~ 阅读(1113) 评论(1) 推荐(0) 编辑
摘要: 1、CSS的盒子模型? (1)两种, IE 盒子模型、标准 W3C 盒子模型;IE 的content部分包含了 border 和 pading; (2)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border). box-sizing:conte... 阅读全文
posted @ 2015-09-16 23:59 ~似水流年~ 阅读(1181) 评论(0) 推荐(1) 编辑