关于CSS的相关面试题（五）

作者：码上未来CodingFuture 来源：码上未来CodingFuture 2023/3/24 14:02:52

程序员面试干货来啦，今天小编就先为大家整理出4道大厂面试时常...

程序员面试干货来啦，今天小编就先为大家整理出4道大厂面试时常见关于CSS 的面试题。看看你能答对几道题呢！多多掌握此类面试题，就会增加面试通过的机率哦，后续还有其他类的面试题，请持续关注哟！

1. 说⼀下CSS3的flflex box（弹性盒布局模型） 1). CSS3新增布局。 2). Flexbox可以把列表放在同⼀个⽅向（从上到下排列，从左到右），并让列表能延伸到占⽤可⽤的空间。 3). 较为复杂的布局还可以通过嵌套⼀个伸缩容器（flflex container）来实现。 4). 采⽤Flex布局的元素，称为Flex容器（flflex container），简称”容器”。 5). 它的所有⼦元素⾃动成为容器成员，称为Flex项⽬（flflex item），简称”项⽬”。 6). 常规布局是基于块和内联流⽅向，⽽Flex布局是基于flflex-flflow流可以很⽅便的⽤来做局中，能对不同屏幕⼤⼩⾃适应。 7). 在布局上有了⽐以前更加灵活的空间。 1). ⽔平垂直居中 2). ⼀边定宽，⼀边⾃适应 3). 多列等分布局 4). sticky footer 2. ⽤纯CSS创建⼀个三⾓形的原理是什么？ div width : 0 ; height : 0 ; border-width : 20px ; border-style : solid; border-color : transparent transparent red transparent; div width : 0 ; border : 100px solid transparent; border-bottom-color : #343434 ; 3. CSS新特性 1. transition：过渡 2. transform：旋转、缩放、移动或者倾斜 3. animation：动画 4. gradient：渐变 5. shadow：阴影 6. border-radius：圆⾓ 4. 定位和相对定位的区别 1. position: absolute 定位：是相对于元素最近的已定位的祖先元素 2. position: relative 相对定位：相对定位是相对于元素在⽂档中的初始位置希望这些面试题对你有所帮助！下一期我们会有关于其他大厂面试题。别忘了关注我们的公众号哦，预防走丢！最后愿你前程似锦，在冬深在初春在夏至在秋末在码上未来！码上未来，成就你更好的未来！