<!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
1.负margin技术: 当元素的margin-top和margin-left取负值时,“当前元素”会被拉向指定方向。 当元素的margin-bottom和margin-right取负值时,“后续元素”会被拉向指定方向。 自适应两列布局 <style> *{margin:0} .main,.side ...
分类:
其他好文 时间:
2021-06-07 20:00:34
阅读次数:
0
正常文档流和脱离文档流概念: 正常文档流:将页面从上到下分为一行一行,其中块元素当都占据一行,相邻的行内元素则按照从左到右排列,直到排满布局。 脱离文档流:改变原先HTML文档结构,有两种办法1.浮动,2.定位 浮动可以使得元素移到左边或右边,并且后面的文字或元素环绕它。 常用于实现:水平方向上的并 ...
分类:
其他好文 时间:
2021-06-02 13:44:27
阅读次数:
0
float 浮动法:中间的元素需放在最后,左右元素使用左浮动和右浮动,中间的元素使用 margin-left 和 margin-right 与两边留出间隔(就是两个浮动元素的宽度) 缺点:三个元素的顺序受限,middle 必须放在最后,而且浏览器窗口宽度不够时,right 元素会被挤到下一行 <di ...
分类:
Web程序 时间:
2021-05-24 16:58:25
阅读次数:
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
一、概述 在项目,需要使用一个功能,点击某个按钮,展开/隐藏 某些说明文字。 二、项目演示 新建一个vue项目,安装ElementUI 模块即可。 新建test.vue <template> <div style="width: 70%;margin-left: 30px;margin-top: 3 ...
分类:
其他好文 时间:
2021-02-08 12:11:26
阅读次数:
0