学习的初期,我们就要知道,标准文档流等级森严。标签分为两种等级: 行内元素 块级元素 比如h1标签和span,同时设置宽高,来看浏览器效果,那么你会发现: 行内元素和块级元素的区别:(非常重要) 行内元素: 与其他行内元素并排; 不能设置宽、高。默认的宽度,就是文字的宽度。 块级元素: 霸占一行,不 ...
分类:
其他好文 时间:
2018-11-10 10:45:09
阅读次数:
64
一.标准文档流:指元素根据块元素或行内元素的特性按从上到下,从左到右的方式自然排列。这也是元素默认的排列方式 二.display属性 display:更改块级元素和行内元素的相互转换 block:块级元素的默认值 inline:行内元素的默认值 inline-block:同时具有行内和块级元素的特性 ...
分类:
Web程序 时间:
2018-11-09 16:16:12
阅读次数:
768
块级元素与行内元素的概念 块级元素一般是内容的容器,可以设置宽度和高度。而行内元素则不行,行内元素只能包含内容和其他行内元素,而块级元素可以包含行内元素和其他块级元素, 块级元素可以设置margin、padding,而行内元素水平方向margin-left、margin-right、padding- ...
分类:
Web程序 时间:
2018-11-08 00:11:00
阅读次数:
294
1、CSS声明块级元素 HTML5 定了 8 个新的 HTML 语义(semantic) 元素。所有这些元素都是 块级 元素。 为了能让旧版本的浏览器正确显示这些元素,你可以设置 CSS 的 display 属性值为 block: 2、为HTML添加新元素 JavaScript 语句 documen ...
分类:
Web程序 时间:
2018-11-07 11:37:39
阅读次数:
224
大多数 HTML 元素被定义为块级元素或内联元素。 编者注:“块级元素”译为 block level element,“内联元素”译为 inline element。 HTML 块元素 块级元素在浏览器显示时,通常会以新行来开始(和结束)。 例子: <h1> ~ <h6> 标题 <hr/> 水平分割 ...
分类:
Web程序 时间:
2018-11-06 13:28:26
阅读次数:
308
1.块级元素,一般都是从新行开始,它可以容纳行内元素和其他块元素,常见块级元素比如div/p等。“form”这个快元素比较特殊,他只能来容纳其他块元素 2.行内元素:也叫做内联元素,一般都是语义级别的基本元素,内联元素已办只能容纳文本或者其他内联元素。 块元素(block element)和内联元素 ...
分类:
其他好文 时间:
2018-11-05 20:57:45
阅读次数:
168
clientHeight,clientWidth: 元素宽高和padding, 不包括边框和margin, 如果有滚动条,还要减去滚动条的宽高。注意,这个值始终是整数,如果是小数会被四舍五入。 clientLeft属性等于元素节点左边框(left border)的宽度(单位像素),不包括左侧的pad ...
分类:
其他好文 时间:
2018-11-05 19:06:22
阅读次数:
144
标准文档流: 指元素根据块级元素和行内元素的特性,按照从上到下,从左到右的顺序依次排列,这种方式是默认的排列方式 一.块级元素和内联元素 块级元素内容独占一行,内联元素内容自动拼接 display属性: 块级元素与内联元素的相互转换 block: 块级元素的默认值,将内联元素转换成块级元素 inli ...
分类:
Web程序 时间:
2018-11-05 14:01:15
阅读次数:
193
布局的三种方式 一.常规流 以前没有学布局的时候,属于常规流 元素按照常规显示方式显示,块级元素垂直排列、行内元素就是水平排列 二.浮动 float:left; float:right: float:none; 典型应用两个div水平排列 **************************布局步骤 ...
分类:
Web程序 时间:
2018-11-05 11:29:53
阅读次数:
158
1、块级元素 顾明思义,块级标签在网页中显示为块;块级标签一般独占一行,新的块级标签将从新的一行开始排列,它可以容纳其他块级元素和内联元素。 常见的会计标签: 1.1标题标签:<h1></h1> ~ <h6></h6>,从1级到6级每级标题的字体依次递减 1.2水平线标签:<hr/>,添加水平分隔线 ...
分类:
Web程序 时间:
2018-11-05 00:10:29
阅读次数:
258