前端的那些必须要掌握的样式设置和布局【CSS、浮动、清除、固定、em、rem等等......】

qq_59471516 2022-08-09 20:36:10

前端的那些必须要掌握的样式设置和布局【CSS、浮动、清除、固定、em、rem等等......】

...全文

17 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

1.1 HTML html5 新标签有哪些 canvas 、 svg 、 webGL 你是如何理解 HTML 语义化的，有什么好处前端需要注意哪些 SEO ? manifest 、 worker 、 socket input 和 textarea 的区别⽤⼀个 div 模拟 textarea 的实现 1.2 CSS css3 有什么新特性，浏览器⽀持怎么样伪类是什么？有哪些？会有哪些兼容性问题？如何处理？ css 预处理器知道吗？⽤过哪些？有什么优劣？后处理器知道吗？盒模型有哪⼏种？怪异模式和标准模式？ less 、 sass 、 postcss 、 prefix 层叠优先级圣杯、双⻜燕布局 float 清除浮动 flex 布局、 grid 布局、 table 布局 css 以及中轴旋转、动画变换绘制三⻆形、矩形、菱形、梯形（奇巧淫技，可以不问） sprite 图（雪碧图）知道吗？ svg 雪碧图了解吗？ px 、 em 、 rem 、 vw 、 vh ？ rem 的根节点样式在什么时候设置？ position 有哪些？他们的定位原点是什么？媒体查询⽤ 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提供的可控制的属性太少了，以至于难于随心所欲的控制布局。比如：多个元素浮动在一行中时，无法保证屏幕变小时，一行中的每个元素都自动等比例缩小。而是每个元素依然保持固定的宽度。就会导致，原本处在一行的元素，被挤压换行。弹性布局就很好的解决了多种设备下自适应和灵活定制布局的目的弹性布局主要定义父元素中子元素的布局方式，让布局能适用多种情况提供最大灵活性概念：容器父元素项目多个子元素主轴子元素排列方向上的轴，默认从左向右交叉轴

本套视频深入移动端开发的最核心部分。讲解了移动端的像素理论，视口理论。css布局之flex布局，深入剖析了rem适配，viewport适配的原理。使用了less等预处理器技术。对less的嵌套，继承，混合等进行了强有力的运用。

常见CSS布局单位 px em rem vm vh 、响应式布局如何实现及原理、弹性布局、浮动布局

一个处女座的程序猿【问答社区】

642,585

社区成员

1,327

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章