首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Css
南桥春雪君归处
创建于2023-02-06
订阅专栏
分享Css相关的面试题
等 1 人订阅
共10篇文章
创建于2023-02-06
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
移动端适配
移动端适配 rem布局: rem原理: 涉及到两个插件 viewport布局 或 vw布局: vw原理 插件
Css盒子水平垂直居中?
父盒子开启display:flex, 并设置 子绝父相,子盒子设置top和left值为50%,利用transform基于自身回去-50% 父盒子开启flex,子盒子设置margin:auto 子绝父相
盒模型
组成部分:宽高 + 内边距 + 边框 + 外边距 盒子模型有两种:标准盒子模型和怪异盒子模型 开启方式 box-sizing:border-box可以开启怪异盒子 怪异盒子的特点:内减 不会让盒子撑大
c3常用新属性
- flex弹性布局 - 圆角 border-radius:50% - transform 居中 - transition 过渡 - animation 帧动画 - background-size:c
em/px/rem/vh/vw/vmin/vmax的区别
vw和vh: 相对于视口的大小,100vh等于视口的高度,100vw等于视口的宽度 px: 是绝对单位,量出来多少就是多少 em: 是相对单位 相对于父元素的font-size 一般是用来做首行缩进
flex:1
flex:1原理实际上是几个三个属性 flex-grow: 1用户增大盒子 flex-shrink: 1用来缩小盒子 flex-basis: 0%覆盖width
BFC
什么是bfc: bfc就是块级格式化上下文(block format context),只要是给盒子设置了bfc属性,它就是一个独立渲染的区域,从而不会影响外界
less/scss的特性
相同点 都是css预处理语言 支持嵌套语法 都有父选择器 都有混入mixin 有变量 不同点 变量在less中是@开头,在sass中是$开头 sass可以写循环和条件判断,less不可以
让Chrome支持小于12px 的文字方式有哪些?
让Chrome支持小于12px 的文字方式有哪些? transform: scale(0.5) 图片 zoom: 0.5
重绘(repaint)/回流(reflow)
浏览器渲染原理 html代码会被解析成dom树,同时css代码会解析成css规则树 dom树和css规则树会组合成渲染树 我们浏览器就会根据渲染树来进行绘制 重绘 代码发生了变化只造成渲染树的改变,就