第一家公司 (未更新完)
一面 (技术同事面)
1、css3新增的特性
- 媒体查询(Media Queries):使得网页能够根据设备的尺寸、分辨率等属性来自适应调整,可以实现响应式设计。
- 弹性盒子布局(Flexbox):是一种新的布局方式,可以更加灵活地实现元素的对齐、分布和排序。
- 网格布局(Grid Layout):也是一种新的布局方式,可以将网页划分成行和列,使得元素可以更加自由地排列和对齐。
- 过渡(Transitions)和动画(Animations):可以实现元素在状态改变时的平滑过渡和动态效果。
- 渐变(Gradients):可以实现元素背景的平滑过渡效果。
- 圆角(Border-radius):可以实现元素边框的圆角效果。
- 阴影(Box-shadow):可以实现元素的阴影效果。
- 文本效果(Text Effects):可以实现文本的渐变、阴影、描边等效果。
2、flex = 1 是哪几个属性的缩写
- flex-grow 定义项目的放大比例,默认为0 flex = 1时 为1
- flex-shrink 定义项目的缩小比例 默认为1 空间不总,该项目会缩小 flex = 1时 为1
- flex-basis 根据这个属性可以判断主轴是否还有多余空间 默认值是auto 即项目本来的大小 ,如果有设置宽高就由宽高来决定,没有设置则由内容决定 flex = 1时 为0 根据内容来撑开
3、css实现一个三角形
这个就是根据设置边框来实现
div {
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 40px 40px;
border-color: transparent transparent #96ceb4;
}
4、css哪些属性可以继承,如何禁用继承
关于字体相关的属性,都可以被继承 font-size font-family font-weight color 等 禁用继承 可以使用initial属性值 或者 重新写值进行覆盖