一、块级元素: 1、常见块级元素:h1~h6、p、div、ul、ol、li 2、特点: ①、自己独占一行。 ②、高宽、内外边距都可以控制。 ③、默认宽度时父级宽度。 ④、是一个容器和盒子,里面可以放行内元或者块级元素。 3、注意: ①、文字类元素内不能使用块级元素。 例如:<p>、<h>标签主要用于 ...
分类:
其他好文 时间:
2020-11-13 12:56:47
阅读次数:
7
标签的分类
? HTML中标签元素三种不同类型:块状元素,行内元素,行内块状元素。
块级元素
? 元素都从新的一行开始,并且其后的元素也另起一行;元素的高度、宽度、行高以及顶和底边距都可设置;元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
行内元素
? 和其他元素都在一行上;元素的高度、宽度及顶部和底部边距不可设置;元素的宽度就是它包含的文字或图片的宽度,不可改变。
行内块状元素
? 和其他元素都在一行上;元素的高度、宽度、行高以及顶和底边距都可设置。
分类:
编程语言 时间:
2020-11-02 10:33:17
阅读次数:
28
什么是浮动 在普通流中,元素是按照它在 HTML 中的出现的先后顺序自上而下依次排列布局的, 在排列过程中所有的行内元素水平排列,直到当行被占满然后换行,块级元素则会被渲染为一整行。 如果没有特殊样式指定,所有元素默认都是按照普通流方式排列布局,即普通流中元素的位置由该元素在 HTML 文档中的位置 ...
分类:
其他好文 时间:
2020-10-29 09:22:17
阅读次数:
30
scroll系列 获取元素内容的宽高 /* * 元素的样式属性是无法直接通过:对象.style.属性来获取(样式在style属性中设置) * offset系列: * offsetLeft:距离左边位置的值 * offsetTop:距离上面位置的值 * offsetWidth:元素的宽(有边框) * ...
分类:
其他好文 时间:
2020-10-22 22:11:50
阅读次数:
21
div和spandiv?<div>是一个块级元素,通常与css配合使用,用于布局。?<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。?<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是<div>固有的唯一格式表现。可以通过<div>的class或id应用额外
分类:
Web程序 时间:
2020-10-21 21:27:36
阅读次数:
44
css 水平居中的写法 水平居中 行内元素: text-align: center 块级元素: margin: 0 auto position:absolute +left:50%+ transform:translateX(-50%) display:flex + justify-content: ...
分类:
其他好文 时间:
2020-10-21 21:24:39
阅读次数:
24
UEditor支持单图、多图以及视频上传,编辑器配置项支持文件格式、文件大小校验,对于文件宽高尺寸校验暂不支持。这里记录一下自定义图片、视频尺寸校验过程,内容核心主要是扩展校验逻辑和增加自定义提示文本。 ...
分类:
其他好文 时间:
2020-10-19 23:01:54
阅读次数:
24
CSS 的 vertical-align 属性使用场景: 经常用于设置图片或者表单(行内块元素)和文字垂直对齐。官方解释: 用于设置一个元素的垂直对齐方式,但是它只针对于行内元素或者行内块元素有效。 语法:vertical-align : baseline | top | middle | bott ...
分类:
其他好文 时间:
2020-10-10 16:50:36
阅读次数:
24
1.行内元素的margin和padding可以在水平位置上进行设置; 2.base标签可以用来统一修改页面内部的链接跳转方式(打开新的页面) 3.css选择器的继承 继承来的样式权重最低(可继承父元素的样式有:text-开头的 font- 开头的 line-height color) 默认的样式权重 ...
分类:
Web程序 时间:
2020-10-10 16:49:56
阅读次数:
32
父级元素包含几个行内元素 <div id="box"> <p> <span>按钮</span> <span>测试文字文字文字测试文字文字文字</span> <span>看这里</span> </p> </div> #box p{ width: 800px; font-size: 30px; } #b ...
分类:
其他好文 时间:
2020-09-18 02:08:13
阅读次数:
35