~元素类型 1 :块级元素 2:行内元素 块级元素:<h1>-<h6> <P> <ul> <ol> <li> 最典型 <div> 行内元素:<strong> <b> <a> <em> <u> <input> 最典型<span> 特点 块级元素:1 在页面内以区域块的形式出现 2 每个块级元素通常都会 ...
分类:
其他好文 时间:
2020-11-27 10:58:49
阅读次数:
6
两个种类:块级元素,行内元素 块级元素可以设置:宽度,高度,对齐等属性 行内元素:不占独立区域,一般不可以设置他的宽度,高度,对齐 块级元素: h1h6 段落p li ul ol 典型的是div 特点:独自占一行 行内元素: strong a em u b input 典型的是span (1)h1h ...
分类:
其他好文 时间:
2020-11-26 15:23:31
阅读次数:
12
块级元素(block-level)和行内元素(inline-level) (1)差异: 块级元素能包含行内元素和块级元素,行内元素只能包含行内元素和文本内容 块级元素可以占据一整行,行内元素只能占据内容的宽度 块级元素可以设置宽高margin,padding,行内元素不能设置宽高,设置上下margi ...
分类:
Web程序 时间:
2020-05-31 00:44:40
阅读次数:
138
网页布局方式 1.什么是网页的布局方式? 就是浏览器如何对网页中的元素进行排版. 2.标准流(文档流/普通流)排版方式 浏览器默认的排版方式就是标准流排版方式 在CSS中将元素分为三类, 分别是块级元素 行内元素 行内块级元素 标准流中有两种排版方式,一种是垂直排版 一种是水平排版 垂直排版如果元素 ...
分类:
Web程序 时间:
2020-04-20 11:55:02
阅读次数:
68
1.标准流(文档流/普通流)排版 网页默认的排版方式,及块级元素,行内元素,行内块级元素在网页中的排版方式(块级元素独占一行,可以设置宽高/行内元素,行内块级元素不独占一行/行内元素不可以设置宽高/行内块级元素可以设置宽高) 2.浮动流排版 由图一变成图二有两种方法 1.把两个方块都变成行内块级元素 ...
分类:
Web程序 时间:
2020-03-23 15:15:47
阅读次数:
98
文本主要内容 标准文档流 标准文档流的特性 行内元素和块级元素 行内元素和块级元素的相互转换 浮动的性质 浮动的清除 浏览器的兼容性问题 浮动中margin相关 关于margin的IE6兼容问题 标准文档流 标准文档流的特性 (1)空白折叠现象: 无论多少个空格、换行、tab,都会折叠为一个空格。 ...
分类:
Web程序 时间:
2020-02-25 00:00:49
阅读次数:
110
在CSS中,根据元素显示模式的不同元素标签被分为了两类:行内元素(inline-level)、块级元素(block-level)。 1,首先介绍什么是行内元素,什么又是块级元素? 1.1,行内元素就是不会独占一行的元素,例如:span buis strong em ins del等 1.2,块级元素 ...
分类:
Web程序 时间:
2020-02-24 15:06:30
阅读次数:
81
盒模型(内容(content),内边距(padding),边框(border),外边距(margin)) 这里做个比喻:content:比喻在网上买了几个鸡蛋; padding:比喻快递员包装鸡蛋用的防撞纸的距离,把鸡蛋牢牢的包裹起来,以免碰撞; border:外面使用包装箱的厚度; margin: ...
分类:
其他好文 时间:
2019-12-21 19:03:07
阅读次数:
78
BFC(块级格式化上下文) BFC(Block formatting context) 直译为"块级格式化上下文"。 元素的显示模式 我们前面讲过 元素的显示模式 display。 分为 块级元素 行内元素 行内块元素 ,其实,它还有很多其他显示模式。 那些元素会具有BFC的条件 不是所有的元素模式 ...
分类:
Web程序 时间:
2019-10-21 17:43:53
阅读次数:
122
一、块级元素和行内元素的区别 (1)块级元素会独占一行,其宽度自动填满其父元素宽度; 行内元素不会独占一行,相邻的行内元素会排列在同一行,直至一行排不下才会换行,其宽度随元素的内容而变化。 (2)块级元素可以包含行内元素和块级元素;行内元素不能包含块级元素。 (3)行内元素设置width、heigh ...
分类:
其他好文 时间:
2019-10-20 17:38:29
阅读次数:
59