html中常见的块元素:div、p、h1-h6、ul、ol、li、hr、table、pre等 块级元素新开启一行即使是设置了width属性也是独占一行(可设置float浮动属性调整布局)、尽可能撑满父级元素的宽度,可以设置width和height属性;table元素浏览器默认的display属性为t ...
分类:
Web程序 时间:
2019-02-16 22:04:12
阅读次数:
335
教程开始: 首先要知道,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流。如下图: 可以看出,即使div1的宽度很小,页面中一行可以容下div1和div2,div2也不会排在div1后边,因为div元素是独占一行的。 注意,以上这些理论,是指标准流中的div。 所以,无论多么复杂的 ...
分类:
Web程序 时间:
2019-02-16 15:43:50
阅读次数:
231
浮动元素的左(或右)外边界不能超出其包含块的左(或右)内边界。 浮动元素的左(或右)外边界必须是原文档中之前出现的左浮动(或右浮动)元素的右(左)外边界,除非后出现浮动元素的顶端在先出现浮动元素的底端下面。 左浮动元素的右外边界不会在其右边右浮动元素的左外边界的右边。一个右浮动元素的左外边界也不会在 ...
分类:
其他好文 时间:
2019-02-15 16:03:08
阅读次数:
173
HTML 中块级元素设置 height:100% 的实现 HTML 中块级元素设置 height:100% 的实现 HTML 中块级元素设置 height:100% 的实现 HTML 中块级元素设置 height:100% 的实现 当你设置一个页面元素的高度(height)为100%时,期望这样元素 ...
分类:
Web程序 时间:
2019-02-15 15:59:20
阅读次数:
176
浮动元素会从文档正常流中删除,但它仍会影响布局 浮动非替换元素必须为其指定width,否则元素的width会趋于0而导致浮动元素不能完整显示 一旦元素具有了浮动属性,它便成为了一个块级元素。 浮动元素的左右外边界不能超出包含块的左右内边界 浮动元素永不会重叠 浮动元素不会超过容器的上padding ...
分类:
Web程序 时间:
2019-02-15 15:20:14
阅读次数:
435
HTML4: HTML5:超文本标记语言;可以显示图片,音频,视频; XHTML:更加严谨的标记语言; XML:可扩展的标记语言; 块级元素:独占一行、支持宽高 div 、p 、h1~h6 、ul li 、ol li 、dl dt dd 、table 、form 行内元素:不独占一行,不支持宽高 s ...
分类:
其他好文 时间:
2019-02-13 13:00:57
阅读次数:
140
text-align 属性是规定元素中的文本的水平对齐方式,设置块级元素内文本的水平对齐方式。 在平常的开发过程中,对于text-align一般用到的是left,center,right。justify很少用到,它实现两端对齐文本效果,文本行的左右两端都放在父元素的内边界上。 转自博文:https: ...
分类:
其他好文 时间:
2019-02-08 18:20:54
阅读次数:
192
【转】14-块级元素和行内元素 学习的初期,我们就要知道,标准文档流等级森严。标签分为两种等级: 行内元素 块级元素 比如h1标签和span,同时设置宽高,来看浏览器效果,那么你会发现: 行内元素和块级元素的区别:(非常重要) 行内元素: 与其他行内元素并排; 不能设置宽、高。默认的宽度,就是文字的 ...
分类:
其他好文 时间:
2019-02-07 12:17:03
阅读次数:
186
行内元素和块级元素的区别:(非常重要) 行内元素: 与其他行内元素并排; 不能设置宽、高。默认的宽度,就是文字的宽度。 块级元素: 霸占一行,不能与其他任何元素并列; 能接受宽、高。如果不设置宽度,那么宽度将默认变为父亲的100%。 块级元素和行内元素的分类: 在以前的HTML知识中,我们已经将标签 ...
分类:
其他好文 时间:
2019-01-30 19:09:14
阅读次数:
134
css中的三种基本定位机制 a.普通文档流 b.定位:相对定位 绝对定位 固定定位 c.浮动 1.普通流中,元素位置由文档顺序和元素性质决定,块级元素从上到下依次排列,框之间的垂直距离由框的垂直margin值计算得到,行内元素在一行中水平布置 2.相对定位看作普通流的一部分,移动后的元素仍占据原来的 ...
分类:
Web程序 时间:
2019-01-25 14:11:15
阅读次数:
181