1、块元素典型代表:div,h1~h6, p,ul,li(ul li列表元素)特点:独占一行,可以设置宽高,嵌套或者包含下,子块元素宽度没有定义时,和父元素宽度默认一致,2、行内元素典型代表:span,a,strong,em,del,ins特点:在一行上显示,不能直接定义宽高3、行内块元素(内联元素 ...
分类:
其他好文 时间:
2018-05-23 02:01:25
阅读次数:
147
默认的span标签是一个行内标签,页面构成时,尽量把它作为最后一个标签。 当然不绝对,你可以在内套用同是行内标签的元素:<i>、<span>、<em>。。。等等等。 如果套用块状标签,那么很多情况浏览器解析会把它放到span的外面,w3c内明确标识了,行内元素不可以套用块状元素。 1 如果不按照HT ...
分类:
其他好文 时间:
2018-05-20 18:04:17
阅读次数:
582
1、块级元素 行级元素?块级(block)元素的特点:①总是在新行上开始;②高度,行高以及外边距和内边距都可控制;③宽度缺省是它的容器的100%,除非设定一个宽度;④它可以容纳内联元素和其他块元素。内联(inline)元素的特点:①和其他元素都在一行上;②高,行高及外边距和内边距不可改变;③宽度就是 ...
分类:
Web程序 时间:
2018-05-15 16:04:05
阅读次数:
272
BFC(Block Formatting Context)块级格式化上下文。它是一个独立的渲染区域。 它决定了块级元素如何对它的内容进行布局,以及与其他元素的关系和相互关系。 块级元素:父级(是一个块元素) 内容:子元素(是一个块元素) 其他元素:与内容同级别的兄弟元素 相互作用:BFC里的元素与外 ...
分类:
其他好文 时间:
2018-05-14 13:46:48
阅读次数:
193
1. 图片底部有空隙 2. 原理 图片或者表单等行内块元素,他的底线会和父级盒子的基线对齐(即默认vertical align: baseline)。这样会造成一个问题,就是图片底侧会有一个空白缝隙。 3. 解决方法 3.1 方法一:vertical align:top | bottom | mid ...
分类:
Web程序 时间:
2018-05-12 00:05:42
阅读次数:
658
HTML常用标签简介 "MDN中所列出的html标签列表" 1. 一些简单的常见标签 标题元素 `` 段落元素 `` 无序列表 `` 有序列表 `` 不重要的文字 `` 键盘输入元素 audio ` 音频元素 `` 可缩放矢量图形 `` 区块元素 `` 短语内容 2. `标签 `` 锚点,在http ...
分类:
Web程序 时间:
2018-05-11 23:28:48
阅读次数:
194
display: inline(默认-行样式) block(块样式) none(隐藏) table(类似<table>) inline-block(行内块元素) margin: 上外边距 右外边距 下外边距 左外边距 bottom 下 top上 left左 right右 min-width: 设置元 ...
分类:
Web程序 时间:
2018-05-11 12:44:20
阅读次数:
157
Python的三种基本数据类型,列表list,元祖tuple和字典dict 列表List:python最基础的数据类型,列表内的数据项不需要具有相同的类型,可以包含重复值。列表包括两个模块,元素及对应的索引,其中索引正值表示从头开始取,负值表示倒项取数。 操作:索引、切片、加、减、乘、检查成员 索引 ...
分类:
编程语言 时间:
2018-05-09 19:39:52
阅读次数:
184
1. 外边距合并 当上下相邻的两个块元素相遇时,如果上面的元素有下外边距margin bottom,下面的元素有上外边距margin top,则他们之间的垂直间距不是margin bottom与margin top之和,而是两者中的较大者。这种现象被称为相邻块元素垂直外边距的合并(也称外边距塌陷) ...
分类:
Web程序 时间:
2018-05-09 01:13:50
阅读次数:
2917
1、对元素浮动的理解(float) 块状元素启用浮动属性,就被移出了默认的流队列,即使其父元素是块元素。 如果元素不设置宽度和高度,则默认该元素的高宽为0,即使其中有子元素,子元素的高度是不能改变父元素的宽高属性,继承不会由下到上。如果子元素在这种情况下,选择浮动,则子元素被移出了父元素的显示队列之 ...
分类:
Web程序 时间:
2018-05-08 17:38:01
阅读次数:
181