块元素与内联元素 块元素 独占一行,默认情况下，其宽度自动填满其父元素宽度 可以设置width，height属性 可以设置margin和padding属性 内联元素 相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化 不支持设置width，height 除了margi ...
分类：
Web程序 时间：
2021-06-28 20:37:20
阅读次数：
0
BFC全称block formatting context （块级格式化上下文） BFC渲染区域： 这个区域由某个HTML元素创建，以下元素会在其内部创建BFC区域： 根元素 浮动和绝对定位元素 overflow不等于visible的块盒 创建BFC的元素，它的自动高度需要计算浮动元素 创建BFC的 ...
分类：
其他好文 时间：
2021-06-28 19:38:12
阅读次数：
0
理论是基础，有些东西还是要温故而知新吧，闲余之时还是要“炒炒现饭”。下面小编把“阿里Web前端开发面试题”贴出来，大伙看看吧~~ 1. CSS 盒子模型，绝对定位和相对定位 1）清除浮动，什么时候需要清除浮动，清除浮动都有哪些方法 2）如何保持浮层水平垂直居中 3）position 和 displa ...
分类：
Web程序 时间：
2021-06-16 18:14:23
阅读次数：
0
position 规定元素的定位类型。参考链接：https://www.cnblogs.com/guolao/p/9048308.html static 默认值，正常布局，此时的top、right、bottom、left 属性无效。 absolute 绝对定位，相对于static 定位以外 的第一个 ...
分类：
Web程序 时间：
2021-06-10 17:39:38
阅读次数：
0
一、什么是文档流？ 将窗体自上而下分成一行一行，并在每行中按从左至右依次排放元素，称为文档流，也称为普通流。 这个应该不难理解，HTML中全部元素都是盒模型，盒模型占用一定的空间，依次排放在HTML中，形成了文档流。 二、什么是脱离文档流？ 元素脱离文档流之后，将不再在文档流中占据空间，而是处于浮动 ...
分类：
Web程序 时间：
2021-05-24 00:43:11
阅读次数：
0
方法一：footer高度固定+绝对定位 HTML结构+初始化CSS样式： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>测试将footer固定在页面底部的实现方法</title> 6 < ...
分类：
其他好文 时间：
2021-05-23 23:10:10
阅读次数：
0
方法2：display:flex 1 2 3 4 5 .box2{ display: flex; justify-content:center; align-items:Center; } 方法3：绝对定位和负边距 .box3{position:relative;} .box3 span{ posi ...
分类：
Web程序 时间：
2021-04-24 13:51:53
阅读次数：
0
1.定位position的取值: static:默认值，静态的 relative:相对定位 absolute:绝对定位 fixed:固定定位 sticky:粘性定位 既然是定位了，不同定位之间的区别是参考系不同 position:static 特点：默认的定位方式，元素不受top，buttom，le ...
分类：
Web程序 时间：
2021-04-13 11:40:23
阅读次数：
0
6.定位 6.1 相对定位 6.2 绝对定位 6.3 z-index <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>默认情况</title> <style> div{ margin: 10px; paddi ...
分类：
Web程序 时间：
2021-03-15 10:57:59
阅读次数：
0
position： <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA ...
分类：
Web程序 时间：
2021-01-08 11:15:12
阅读次数：
0
