Web前端最全CSS基础8-浏览器兼容与动画，学生会面试题选择题怎么答

总结

前端资料汇总

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。

• 算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯

• 在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。

• 要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
  喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！

• 渐进增强：先针对低版本完成基本功能，然后再针对高版本浏览器加更多功能和酷炫效果

CSS3新增属性

===========================================================================

1. 文字阴影

text-shadow:X偏移 Y偏移 模糊程度 颜色；

2. 盒子阴影

box-shadow:X偏移 Y偏移 模糊程度 延伸半径 颜色 inset；

字体图标

=======================================================================

使用阿里巴巴矢量图标库

使用自定义字体

@font-face{font-family:"自定义字体名字" src:url("字体文字路径")}

具体方法：http://t.csdn.cn/Zd5rU

选择器

======================================================================

• 选中有attr的属性元素e e[attr]

• 选中有attr且属性值为v的元素e e[attr=“v”]

• 选中有attr且以v开头的元素e e[attr^=“v”]

• 选中有attr且以v结尾的元素e e[attr$=“v”]

背景渐变

=======================================================================

1. 线性渐变

backgrond:linear-gradient(color1,color2)

background:linear-gradient(color *%,color *%)

background:linear-gradient(to 方向,color1,color2)

background:linear-gradient(to 方向1 ，方向2,color1,color2)

backgrond:linear-gradient(*deg,color1,color2)

注：常见于纯色分离

效果：

.

代码:

box1{

width: 100px;

height: 100px;

background: linear-gradient(45deg,orange 30%,orangered 30%);

}

2. 径向渐变

background:radial-gradient(color1,color2)

background:radial-radient(ellipse|circle, color1,color2)

backgrond:radial-gradient(color *%,color2 *%)

3. 重复渐变

线性渐变 background:repeating-linear-gradient

径向渐变 background:repeating-radial-gradient

过渡

=====================================================================

让数值可以数字化的属性，变化可以慢慢进行

transtion:过度属性 执行时间 延迟时间 变化的曲线；

最后

其实前端开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。

这里再分享一个复习的路线：（以下体系的复习资料是我从各路大佬收集整理好的）

《前端开发四大模块核心知识笔记》

最后，说个题外话，我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。