元素 元素是文档结构的基础。文档中的每个元素对文档的表现起一定作用。在CSS中，至少在CSS2.1中，这意味着每个元素生成一个框（box,也称为盒），其中包含元素的内容。 替换和非替换元素 在css中，元素通常有两种形式，替换和非替换。 替换元素 替换元素是指用来替换元素内容的部分并非有文档内容直接 ...
分类：
Web程序 时间：
2016-08-17 11:47:29
阅读次数：
132
一、适用范围 vertical-align应用于行内元素和表单元格 二、取值 1. baseline 元素基线与父元素基线对齐，默认值。如果一个图像，表单输入元素或者其他替换元素，那么该元素的底端与父元素基线对齐。它使得浏览器总是把替换元素的底边放在基线上，即使该行中没有其他文本。例如，一个表单元格 ...
分类：
其他好文 时间：
2016-07-28 16:12:27
阅读次数：
132
平时在工作中，总是有一些元素之间的边距与设定的边距好像不一致的情况，一直没明白为什么，最近仔细研究了一下，发现里面有学问：垂直元素之间的margin有有互相重叠的情况；新建一个BFC后，会阻止元素与外界元素的重叠现象。 先了解几个概念：可替换元素、不可替换元素（non-replaced elemen ...
分类：
Web程序 时间：
2016-07-13 22:53:20
阅读次数：
571
图片是内联元素 ，同时是内联替换元素（替换元素是能设置宽和高的） 取消图片的magin display:block;(一般初始化标签中会把图片设置成块状) replaced element <img>、<input>、<textarea>、<select>、<object> 浏览器会根据元素的标签类 ...
分类：
其他好文 时间：
2016-06-30 23:10:07
阅读次数：
390
一、text-indent应用于块级元素 我们也可以通过负的text-indent来制作一些效果： 二、text-indent应用于行内元素 没有效果； 三、text-indent应用于替换元素 这里以应用到image与input元素为例进行说明， img缩进了2个字符，input里面的value值 ...
分类：
其他好文 时间：
2016-06-24 22:10:31
阅读次数：
257
冲突规则=层叠（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
学习要点：
定义复杂的指令
指令模板
使用函数作为模板
使用外部模板
动态引入外部模板
替换元素
管理指令的作用域
创建多个控制器
给每个指令实例创建自己的作用域
创建隔离的作用域...
分类：
Web程序 时间：
2016-06-12 01:53:24
阅读次数：
272
最近在读《Basic Visual Formatting in CSS》，结合以前看的《css权威指南》和css标准。今天就做个笔记。 以前在遇到一些宽度不明确指明的一些布局的时候，虽然凭感觉能猜出个大概，但是总是有点不是很靠谱。直到最近看到这一本书，觉得总觉得挺好的。 首先要知道，元素除了通过di ...
分类：
Web程序 时间：
2016-06-01 18:07:35
阅读次数：
204
Chapter 2 Box Model Version Update Note 1.0 2016-5-31 首次添加。欢迎在评论中指出错误，一经核实，立即修订，且注明贡献者。 1、元素的分类 1.1 替换元素 替换元素就是替身元素，它替别人占个位，它不是普通的标签，它代表某种元件。 例如：<img> ...
分类：
Web程序 时间：
2016-05-31 23:46:38
阅读次数：
225
