<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 文档流 文档流处在网页的最底层,他表示的是一个页面中的位置 我们所创建的元素都处在文档流中 元素在文档流中的特点 块元素 ...
分类:
其他好文 时间:
2021-07-01 17:02:11
阅读次数:
0
块元素和内联元素 div就是一个块元素 所谓的块元素就是会独占一行的元素,无论他的内容有多少 他都会独占一整行 块元素有: div p h1 h2 h3.... div这个标签没有任何语义,就是一个纯粹的块元素 并且不会为它里面的元素设置任何的默认样式 div元素主要用来对页面进行布局的 span是 ...
分类:
Web程序 时间:
2021-06-29 15:58:38
阅读次数:
0
块元素与内联元素 块元素 独占一行,默认情况下,其宽度自动填满其父元素宽度 可以设置width,height属性 可以设置margin和padding属性 内联元素 相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化 不支持设置width,height 除了margi ...
分类:
Web程序 时间:
2021-06-28 20:37:20
阅读次数:
0
正常文档流和脱离文档流概念: 正常文档流:将页面从上到下分为一行一行,其中块元素当都占据一行,相邻的行内元素则按照从左到右排列,直到排满布局。 脱离文档流:改变原先HTML文档结构,有两种办法1.浮动,2.定位 浮动可以使得元素移到左边或右边,并且后面的文字或元素环绕它。 常用于实现:水平方向上的并 ...
分类:
其他好文 时间:
2021-06-02 13:44:27
阅读次数:
0
CSS 的 vertical-align 属性使用场景: 经常用于设置图片或者表单(行内块元素)和文字垂直对齐。 官方解释: 用于设置一个元素的垂直对齐方式,但是它只针对于行内元素或者行内块元素有效。 语法: vertical-align : baseline | top | middle | bo ...
分类:
其他好文 时间:
2021-05-24 07:02:27
阅读次数:
0
行内元素: <span> <a> <i> <img> <button <input> <select> <strong> 粗体强调 <q> 段引用 <lable> 表格 块元素: <div> <h1>-6 <p> <form> <table> <ol> <ul> <li> <hr> 水平分割线 <c ...
分类:
其他好文 时间:
2021-04-13 11:54:01
阅读次数:
0
1.父元素设置:text-align : center; 2.转化成块元素并设置宽度,设置margin : 0 auto; <div class="box"> <!-- <input id="input1" type="text"> --> <sapn id="input1">22222</sapn ...
分类:
其他好文 时间:
2021-04-12 12:52:10
阅读次数:
0
前端基础THMl知识1 块元素和行内块元素 参考视频链接 块元素:无论内同多少,元素只占一行 (P、h1-h6) 行内元素:内容撑开宽度,左右都是行内元素都可以排成一排(a) 列表 有序列表:<ol> <li>1</li></ol> 无序列表<dl> <dd> 2</dd> </dl> 内联 (<i ...
分类:
Web程序 时间:
2021-02-05 10:55:32
阅读次数:
0
一、浮动: ①、float:left/ right; 二、浮动特性: ①、浮动的元素不占有原先位置,后面没有浮动的元素会挤过来压住浮动的元素。 ②、添加了浮动的元素具有了行内块元素的特性: a、不论什么元素都可以设置宽高。 b、所有浮动元素都在一行显示。 c、没有浮动的块级盒子如果没有设置宽度,他的 ...
分类:
Web程序 时间:
2021-01-13 10:47:37
阅读次数:
0
面试题:如何清浮动给浮动元素的父元素手动添加一个固定的高度(不推荐)给浮动元素的父元素设置overflow:hidden/auto.在浮动元素的父元素结束标签之前加一个具有块元素特点的标签(我们一般用 div),给元素加一个clear:both<divstyle=clear:both"></div> ...
分类:
其他好文 时间:
2021-01-11 11:01:44
阅读次数:
0