面试题
文章平均质量分 66
鸭鸭:)
前端小萌新一枚~
展开
-
三栏布局的实现方式,尽可能多写
1. float浮动布局注意:!!!浮动布局时,三个div的生成顺序对布局有影响。应该先生成左浮和右浮的两个元素1和3,再生成中间content2元素;原因是:若生成顺序为123或者213,则2元素会先占位,float元素只能紧贴其后;但若生成顺序为132,1和3两个浮动元素会脱离浮动流,2元素生成后,1和3会覆盖2。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-10-07 23:03:44 · 230 阅读 · 0 评论 -
BFC(block formatting context)格式化上下文
BFC是什么BFC即块格式化上下文,它只是css2.1规范中的一个概念,决定元素的内容如何渲染以及与其他元素的关系交互BFC的作用1.清除浮动(浮动后的元素有许多问题,下面举几个常见的例子)a.当一个元素浮动后,会影响附近的文字的行为。可给li的父元素ul创建BFC创建BFC后就可以起到隔离作用,防止文字环绕b.浮动元素与处在正常流的元素重叠给div加上BFC让div创建BFC后,可清除浮动,避免重叠2.解决外边距坍塌给第一个div创建BFC后,就能避免外边距坍塌。3原创 2021-09-22 23:04:08 · 124 阅读 · 0 评论 -
transition和animation的区别
我们先来复习一下transition(过渡)和animation(动画)这两个标签的基本定义。这两个属性都是简写,我们分别来看一下他们各自的属性。transition 属性是一个简写属性,用于设置四个过渡属性:transition-property:要过渡的属性名称transition-duration :过渡时间(s或者ms)transition-timing-function:速度曲线transition-delay:定义过渡效果什么时候开始animation 属性是一个简写属性,用原创 2021-09-22 19:50:54 · 553 阅读 · 0 评论 -
前端面试题——画一条0.5px的边
1.直接设置0.5px2.transform:scaleY(0.5)+transfom-origin:50% 100%scaleY(0.5)是指把Y轴上的单位缩小一半;transform-origin属性允许你改变转换元素起点的位置3.svg<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='1px'><line x1='0' y1='0' x2='100%' y2='0' stroke='black'>原创 2021-09-22 11:36:11 · 676 阅读 · 0 评论 -
HTML相关面试题
1.HTML的含义是什么2.XHTML是什么3.什么是盒模型原创 2021-09-16 22:08:20 · 131 阅读 · 0 评论 -
CSS相关面试题
1.什么是css预处理器2.相等()与全等(=)运算符有哪些区别原创 2021-09-16 21:10:32 · 404 阅读 · 0 评论