vanlee

--- title: img 下的间隙3px的原理 --- img 按照基线对齐（按照 inline） 遵守垂直对齐，可以按照底线对齐 `vertical-align:bottom` 既然是按照inline的方式对齐，可以改为 `block` 的对齐方式

--- title: 隐藏页面中的元素有哪些方式? --- # opacity: 0、visibility: hidden、display: none 隐藏页面中的元素有哪些方式 ::: tip 1. opacity: 0、visibility: hidden、display: none 2. 隐藏页面中 的元素有哪些 方式 ::: 在正常文档流排版过程中，经常会使用display:none和visibility:hidden控制节点的隐藏， ``` visibility:hidden 节点不可见 但是占据空间 display:none 节点不可见 不占据空间...

--- title: 在网页中的应该使用奇数还是偶数的字体？自定义字体的使用场景 --- - 字体图标的使用 - 固定的文案

--- title: 浮动元素和绝对定位元素的区别和应用? --- - float元素脱离文档流 - 不脱离文本流 - 产生了一个块

--- title: 请你谈谈Flexbox布局 --- - 弹性盒子 外层的盒子有那么几个值 - flex-wrap - flex-direction - flex-flow // 上边两个缩写 - justify-content - align-items // - align-content 内层的盒子 - order 排序 - flex-grow 0 放大...

--- title: display有哪些值，以及作用 --- 主要用于确定元素的类型，不同的元素在布局的时候有不同的表现 - 节点标记为块级元素 block、list-item、table、flex或grid 参与块格式化上下文 - 节点标记为行内元素 inline、inline-block、inline-table、inline-flex或inline-grid 参与行内格式化上下文 >需要注意的一点是：我们常常提到的块级元素和 `display:block` 的元素并不是一个概念

--- title: CSS有哪些样式属性是可以继承的 --- css 有些样式我们是可以添加给父级元素上，然后会自动继承给子元素。比如 `字体的属性` `font-size` `font-weight` `color` `cursor`等等 - 字体相关属性 - font-family - font-weight - font-size - font-style - 文本系列属性 - text-indent 文本缩进 - text-align 文本水平对齐 -...

--- title: 什么时候清除浮动？如何清除浮动？原理是什么 --- 使用float会使节点脱流导致父节点高度坍塌，如果没有其他的元素撑起父元素的，若不对父节点显式声明高度则很有必要给父节点清除浮动。定义以下clearfix用于清除浮动，给父节点添加即可 ```css .clearfix::after { /* 默认是inline的 */ display: block; /* 不要显示 */ visibility: hidden; /* 保证这个元素两侧没有浮动元素 */ clear: both; /* 高度设为0 */ height: 0; font-size: 0;...

--- title: css布局方式水平垂直布局的实现 --- 垂直居中分为水平居中、和垂直居中、完全居中（水平垂直都居中），不必要死记硬背接下来的实现方式 ## 水平居中 1. 行内元素可以通过在其父节点声明 `text-align: center;` 来实现,适用于内联、内联块、内联表、内联 Flex 2. 块级元素可以通过 `margin: 0 auto;` + `宽度width` (在现代浏览器中实现水平居中，可以使用 display: flex; justify-content: center;不过，在 IE8-9 这样的不支持弹性盒布局的旧式浏览器中，上述代码并不会生效。此时要实现在父元素中居中，可使用 margin: 0 auto)...

--- title: 你是否使用过 calc() 函数 --- 动态的计算单位**只能使用加减乘除**