社区
Apache
帖子详情
前端的那些必须要掌握的样式设置和布局【CSS、浮动、清除、固定、em、rem等等......】
凉薄少年不良
2022-08-09 20:30:10
前端的那些必须要掌握的样式设置和布局【CSS、浮动、清除、固定、em、rem等等......】
...全文
6992
回复
打赏
收藏
前端的那些必须要掌握的样式设置和布局【CSS、浮动、清除、固定、em、rem等等......】
前端的那些必须要掌握的样式设置和布局【CSS、浮动、清除、固定、em、rem等等......】
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
前端
面试《综合问题版》
1.1 HTML html5 新标签有哪些 canvas 、 svg 、 webGL 你是如何理解 HTML 语义化的,有什么好处
前端
需要注意哪些 SEO ? manifest 、 worker 、 socket input 和 textarea 的区别 ⽤⼀个 div 模拟 textarea 的实现 1.2
CSS
css
3 有什么新特性,浏览器⽀持怎么样 伪类是什么?有哪些?会有哪些兼容性问题?如何处理?
css
预处理器知道吗?⽤过哪些?有什么优劣?后处理器知道吗? 盒模型有哪⼏种?怪异模式和标准模式? less 、 sass 、 post
css
、 prefix 层叠优先级 圣杯、双⻜燕
布局
float
清除
浮动
flex
布局
、 grid
布局
、 table
布局
css
以及中轴旋转、动画变换 绘制三⻆形、矩形、菱形、梯形(奇巧淫技,可以不问) sprite 图(雪碧图)知道吗? svg 雪碧图了解吗? px 、 em 、 rem 、 vw 、 vh ? rem 的根节点
样式
在什么时候
设置
? position 有哪些?他们的定位原点是什么? 媒体查询⽤
css
好还是⽤
css
高频笔试题目精讲
css
常见单位rpx、px、em、rem、%、vh、vw的区别,垂直居中水平居中,利用
css
构建三角形(正三角,倒三角,左/右三角),响应式
布局
的方式,几种,媒体查询原理,flex
布局
,父相子绝,
css
常见单位rpx、px、em、rem、%、vh、vw的区别,垂直居中水平居中,0.5px的线如何实现,sass的常用功能,弹性
布局
flex-direction,justify-content,align-items,弹性
布局
网页内容要可以随显示设备的大小而动态调整
布局
float属性,的确可以实现根据显示设备大小,自动换行显示。但是,
浮动
定位float提供的可控制的属性太少了,以至于难于随心所欲的控制
布局
。 比如:多个元素
浮动
在一行中时,无法保证屏幕变小时,一行中的每个元素都自动等比例缩小。而是每个元素依然保持
固定
的宽度。就会导致,原本处在一行的元素,被挤压换行。 弹性
布局
就很好的解决了多种设备下自适应和灵活定制
布局
的目的 弹性
布局
主要定义父元素中子元素的
布局
方式,让
布局
能适用多种情况提供最大灵活性 概念: 容器 父元素 项目 多个子元素 主轴 子元素排列方向上的轴,默认从左向右 交叉轴
移动端开发之flex和rem
布局
技巧
本套视频深入移动端开发的最核心部分。讲解了移动端的像素理论,视口理论。
css
布局
之flex
布局
,深入剖析了rem适配,viewport适配的原理。使用了less等预处理器技术。对less的嵌套,继承,混合等进行了强有力的运用。
常见
CSS
布局
单位 px em rem vm vh 、响应式
布局
如何实现及原理、弹性
布局
、
浮动
布局
常见
CSS
布局
单位 px em rem vm vh 、响应式
布局
如何实现及原理、弹性
布局
、
浮动
布局
Apache
24,923
社区成员
16,548
社区内容
发帖
与我相关
我的任务
Apache
Web 开发 Apache
复制链接
扫一扫
分享
社区描述
Web 开发 Apache
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章