块元素又名块级元素(block element),和其对应的是内联元素(inline
element),都是html规范中的概念。块元素和内联元素的基本差异是块元素一般都从新行开始。而当加入了css控制以后,块元素和内联元素的这种属性差异就不成为差异了。比如,我们完全可以把内联元素加上display...
分类:
其他好文 时间:
2014-05-26 13:04:15
阅读次数:
186
首先看一篇文章:CSS框模型:一切皆为框 — 从行框说起一 行框
看图说话上图代表了框模型中的行框。line-height
属性设置行间的距离(行高)。该属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。line-height 与
font-size 的...
分类:
Web程序 时间:
2014-05-26 10:23:31
阅读次数:
485
display:inline、block、inline-block的区别display:block就是将元素显示为块级元素.
block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和
是块元素的例...
分类:
其他好文 时间:
2014-05-24 03:13:23
阅读次数:
275
html块状元素、内联元素原文在这块级元素的分类
块级元素按照其应用于结构还是内容分为三种:结构化块状元素,终端块状元素,多目标块状元素。 一.结构化块状元素
这类元素用于构造文档的结构,一个好的文档结构对于搜索引擎和应用其他技术(如JavaScript)都是十分有利的。它们没有语义...
分类:
Web程序 时间:
2014-05-09 19:06:38
阅读次数:
418
一、网站布局1、网站可以把内容安排到多个列中(就像杂志或报纸那样)。2、网站布局可以使用和元素来创建多列。3、CSS对元素进行定位,创建背景以及色彩等。4、HTML表格不是布局工具,主要是呈现表格化数据,不推荐使用。二、HTML布局使用元素1、div袁术用于分组HTML元素的块级元素。2、下面是实例...
分类:
Web程序 时间:
2014-05-09 09:18:04
阅读次数:
353
一、各种元素的width height margin padding
特性(具体css元素的分来参看二)1.块级元素width、 height、 margin的四个方向、
padding的四个方向都正常显示,遵循标准的css盒模型。例如:div2.行内替换元素width、 height、 margi...
分类:
Web程序 时间:
2014-05-08 14:52:57
阅读次数:
545
一、水平居中 1、行内元素的水平居中方法
给父元素设置一个text-align:centent。 2、确定宽度的块级元素水平居中 设置外边距,margin:0auto; 3、负外边距
创建一个包含居中元素的容器,然后将...
分类:
Web程序 时间:
2014-05-07 17:26:48
阅读次数:
496
display:block就是将元素显示为块级元素.block元素的特点是: 总是在新行上开始;
高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 , , , , 和 是块元素的例子。
display:inline就是将元素显示为行内元素. inlin...
分类:
其他好文 时间:
2014-05-01 16:08:00
阅读次数:
486
inline-block可以定义元素为行内块级元素,即既具有行内元素同占一行的特点,又具有块级元素的box模型。但是IE67和其他浏览器的支持差别比较大:1、行内元素使用inline-block变成"行内块级元素"。
行内元素直接inline-block即可,浏览器都识别,只是IE67中元素彼此之....
分类:
其他好文 时间:
2014-05-01 08:53:47
阅读次数:
297
行内元素、非置换元素不会应用width属性,比如对行内元素应用了width:200px,你不会看到任何效果出现。
行内元素、非置换元素不会应用height属性,但是高度可以通过line-height来指定。
行内元素你可以给它设置padding,但只有padding-left和padding-right会有效果,没有padding-top和padding-bottom。
margin属性也是和padding属性一样,对行内元素左右有效,上下无效。...
分类:
Web程序 时间:
2014-04-27 19:57:13
阅读次数:
1043