首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
CSS
咖喱崔
创建于2023-02-07
订阅专栏
关于CSS相关的面试题以及CSS部分总结
暂无订阅
共11篇文章
创建于2023-02-07
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
css选择器、优先级
css选择器: id选择器(#box),选择id为box的元素 类选择器(.one),选择类名为one的所有元素 标签选择器(div),选择标签为div的所有元
c3新属性
flex弹性布局 圆角 border-radius:50% transform 居中 transition 过渡 animation 帧动画 background-size:cover,contain
让Chrome支持小于12px 的文字方式有哪些?
小于12px的字体,如果内容固定,可以将内容切除做图片,没有兼容问题。 transform:scale(0.8);c3的新属性,但是使用这个之后,如果该标签有背景图,那背景图也会被缩放,解决办法:给该
less/scss的区别
相同点: 都是css预处理语言 支持嵌套语法 都有父选择器 都有混入mixin 有变量 不同点: 变量在less中是@开头,在sass中是$开头 sass可以写循环和条件判断,less不可以
flex:1的理解
实际上是以下3个属性的组成 flex-grow: 1用户增大盒子 flex-shrink: 1用来缩小盒子 flex-basis: 0%覆盖width
怎么理解回流(reflow)跟重绘(repaint)?什么场景下会触发?
浏览器渲染原理 html代码会被解析成dom树,同时css代码会解析成css规则树 dom树和css规则树会组合成渲染树 我们浏览器就会根据渲染树来进行绘制 重绘: 就是当代码发生改变时,制造成渲染树
元素水平垂直居中的方法有哪些?
方法一:定位 + margin负值 方法二:定位 + transform负值 方法三:定位 + margin: auto 方法四:flex布局 方法五:table布局
BFC理解
什么是BFC: 就是当在设计页面的时候,使用浮动后盒子计算不到高度,会导致高度塌陷,还有两个块级盒子都设置了margin,会使盒子重叠,原因就是元素之间的影响,所以就有了BFC,就是块级格式化上下文,
哪些方式可以隐藏页面元素
display:none 页面元素彻底消失,不占据空间 visibility:hidden 隐藏该元素,占据空间 opacity:0 表示元素透明度 占据页面空间 设置height、width模型属性
盒模型的理解
概念:网页中常用的CSS技术的一种思维模型 盒子模型有两种:W3C标准盒模型和IE怪异盒模型 组成:padding(内边距)、margin(外边距、border(边框)、宽高 开启方式: Box-si
移动端适配
要在head标签中写入一个meta标签: Rem布局: 原理:所以尺寸的相关单位用rem,是相对单位,相当于html的font-size,就可以通过js根据当前屏幕宽度来设置html的合适的大小,这样