本文的重点是了解vertical-align和line-height的使用 涉及到的名词:基线,底端,行内框,行框,行间距,替换元素及非替换元素,对齐。只有充分理解这些概念才会灵活运用这两个属性。 什么是对齐 对齐一定是涉及两个对象:对齐元素以及要对齐的对象;比如在军训时教官喊稍息,我们每个人都会有 ...
分类:
其他好文 时间:
2017-07-02 00:07:48
阅读次数:
290
非替换元素和替换元素元素是文档结构的基础,在css里面,每个元素生成了包含内容的框(box),大家都叫“盒子”。但是不同的元素显示方式是不同的,有占据一整行的,有水平一个挨着一个的。比如:div 与span的方式不一样。 什么是替换元素与非替换元素 替换元素: 替换元素是浏览器根据其标签的元素与属性 ...
分类:
其他好文 时间:
2017-06-29 15:16:31
阅读次数:
123
第一章 css和文档 ?1.替换元素与非替换元素,替换元素如 img input等,大多数html元素都是非替换元素。 2.块级元素和行内元素?,块级元素会自动填满父级元素的内容框,表格与其他块级元素一致,唯一有区别的是表格会生成一个标记符,就是小黑点。在html中块级元素不能继承行内元素,也就是说 ...
分类:
Web程序 时间:
2017-06-16 13:29:56
阅读次数:
337
本文的重点是了解vertical-align和line-height的使用 涉及到的名词:基线,底端,行内框,行框,行间距,替换元素及非替换元素,对齐。只有充分理解这些概念才会灵活运用这两个属性。 什么是对齐 对齐一定是涉及两个对象:对齐元素以及要对齐的对象;比如在军训时教官喊稍息,我们每个人都会有 ...
分类:
其他好文 时间:
2017-05-30 16:13:47
阅读次数:
169
本文的重点是了解vertical-align和line-height的使用 涉及到的名词:基线,底端,行内框,行框,行间距,替换元素及非替换元素,对齐。只有充分理解这些概念才会灵活运用这两个属性。 什么是对齐 对齐一定是涉及两个对象:对齐元素以及要对齐的对象;比如在军训时教官喊稍息,我们每个人都会有 ...
分类:
其他好文 时间:
2017-05-29 11:02:38
阅读次数:
175
本文的重点是了解vertical-align和line-height的使用 涉及到的名词:基线,底端,行内框,行框,行间距,替换元素及非替换元素,对齐。只有充分理解这些概念才会灵活运用这两个属性。 什么是对齐 对齐一定是涉及两个对象:对齐元素以及要对齐的对象;比如在军训时教官喊稍息,我们每个人都会有 ...
分类:
其他好文 时间:
2017-05-28 16:50:20
阅读次数:
137
1 CSS和文档 CSS 层叠样式表 元素 每个元素都会生成一个框(box) 元素 = 替换元素 + 非替换元素 替换元素 显示的内容是元素内的某个属性而不是元素本身, 如img 非替换元素 大部分类型都是非替换元素, 显示的内容就是元素本身, 如div, p 元素 = 块级元素 + 行内元素 块级 ...
分类:
Web程序 时间:
2017-05-24 12:42:03
阅读次数:
216
除了行内非替换元素,table-rows,and row groups 其他元素都能设置宽 除了行内非替换元素,table-colums,colum-groups 其他元素都能设置高 行内元素包含行内替换元素(img等)和行内非替换元素(a span等) 行内替换元素是可以设置宽高的,行内非替换元素 ...
分类:
其他好文 时间:
2017-04-14 19:49:22
阅读次数:
647
首先,padding这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。 注意,padding不允许指定负边距值。 “ ...
分类:
其他好文 时间:
2017-04-09 13:31:57
阅读次数:
149
元素是文档结构的基础,在css里面,每个元素生成了包含内容的框(box),大家都叫“盒子”。但是不同的元素显示方式是不同的,有占据一整行的,有水平一个挨着一个的。比如:div 与span的方式不一样。 什么是替换元素与非替换元素 替换元素: 替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容 ...
分类:
其他好文 时间:
2017-04-09 11:38:02
阅读次数:
105