基本术语和概念 匿名文本 所有未包含在行内元素中的字符串。空格也是匿名文本的一部分，因为空格和其他字符一样是正常字符。 em框 在字体中定义，font-size的值确定了各个em框的高度。也称字符框。 内容区 在非替换元素中，内容区可以是元素中各字符的em框串在一起构成的框。 在替换元素中，内容区就 ...
分类：
其他好文 时间：
2017-02-06 16:52:27
阅读次数：
161
第八章 padding/border/margin 1、对于只包含文本的行，能改变行间距里的属性只有line-height/font-size/vertical-align。 2、对行内非替换元素应用负外边距，左右两端可能与其他内容重叠。 3、边框绘制在元素的背景之上。（可修改） 4、要把单边属性放 ...
分类：
Web程序 时间：
2016-12-31 21:01:16
阅读次数：
201
一、img、input属于行内替换元素。height/width/padding/margin均可用。效果等于块元素。 行内非替换元素，例如, height/width/padding top、bottom/margin top、bottom均无效果。只能用padding left、right和ma ...
分类：
其他好文 时间：
2016-10-06 12:34:21
阅读次数：
168
float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。 如果浮动非替换元素，则要指定一个明确的宽度；否则，它们会尽可能地窄。 注释：假如在一行之上只有极少的空间可供浮动元素，那 ...
分类：
Web程序 时间：
2016-10-04 12:04:30
阅读次数：
146
元素 元素是文档结构的基础。文档中的每个元素对文档的表现起一定作用。在CSS中，至少在CSS2.1中，这意味着每个元素生成一个框（box,也称为盒），其中包含元素的内容。 替换和非替换元素 在css中，元素通常有两种形式，替换和非替换。 替换元素 替换元素是指用来替换元素内容的部分并非有文档内容直接 ...
分类：
Web程序 时间：
2016-08-17 11:47:29
阅读次数：
132
冲突规则=层叠（cascade） 有先后顺序。后面的样式先读取。 元素（element） 替换元素（replaced element） 是指同来替换元素内容的部分，并非由文档内容直接表示。如：img元素、input元素 非替换元素（nonreplaced element）span、p、h1、tabl ...
分类：
Web程序 时间：
2016-06-22 18:59:04
阅读次数：
183
替换元素与非替换元素 <!-- 替换元素(replaced element)是指用来替换元素内容的部分并非由文档内容直接表示 --> <img src="test.jpg" /> <!-- 非替换元素(nonreplaced element)是指元素的内容在元素本身生成的框中显示 --> <spa> ...
分类：
Web程序 时间：
2016-06-19 22:46:13
阅读次数：
181
最近在读《Basic Visual Formatting in CSS》，结合以前看的《css权威指南》和css标准。今天就做个笔记。 以前在遇到一些宽度不明确指明的一些布局的时候，虽然凭感觉能猜出个大概，但是总是有点不是很靠谱。直到最近看到这一本书，觉得总觉得挺好的。 首先要知道，元素除了通过di ...
分类：
Web程序 时间：
2016-06-01 18:07:35
阅读次数：
204
第1章 css和文档 1，元素：替换元素（img input），非替换元素（大多数span）。 2，link：rel（代表关系：stylesheet，候选样式表：alternate stylesheet）；type（text/css）；media：（all（所有表现媒体， screen，print） ...
分类：
Web程序 时间：
2016-05-29 20:01:13
阅读次数：
164
1.使用inline-block 会产生了元素间的空隙 2.nline-block主要的用处是用来处理行内非替换元素的高宽问题的！行内非替换元素，比如span、a等标签，正常情况下士不能设置宽高的，加上该属性之后，就可以触发让这类标签表现得如块级元素一样，可以设置宽高。注意IE6不支持inline- ...
分类：
其他好文 时间：
2016-04-16 10:57:07
阅读次数：
136
