1.CSS3选择器

a.基本选择器

b.属性选择器

c.伪类选择器

2.CSS3边框与圆角

a.CSS3圆角  border-radius

b.盒阴影  box-shadow

c.边框图像 border-image

3.CSS3背景与渐变

a.CSS3背景

b.CSS3渐变

4.CSS3过渡

transition:设置元素当过渡效果,四个简写属性为:

transition-property:过渡属性名

transition-duration:规定完成过渡效果需要花费的时间

transition-timing-function:指定切换效果的速度

transition-delay:指定何时将开始切换效果

cubic-bezier(x1,y1,x2,y2):贝塞尔曲线,是控制变化的速度曲线

5.CSS变换

transform:应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。

transform-origin:允许更换元素的位置。2D转换元素可以改变元素的X和Y轴。3D还可以更改元素的Z轴。

transform-style:指定嵌套元素是怎样在三维中呈现

6.CSS3动画

animation-name:为@keyframe动画名称

animation-duration:动画指定需要多少秒或多少毫秒完成

animation-timing-function:设置动画将如何完成一个周期

animation-delay:设置动画在启动前的延迟

animation-iteration-count:定义动画的播放次数

animation-direction:指定是否应该反向播放动画

前端面试题--CSS3新特性有哪些?相关推荐

  1. 前端面试题 | HTML5新特性有哪些?CSS3新特性有哪些?

    H5新特性 拖拽释放(Drag and drop)API 语义化更好的内容标签(header,nav,footer,aside,article,section) 音频.视频API(audio,vide ...

  2. HTML5CSS3上-动画 转换 新特性 前端面试题部分汇总

    HTML5 CSS3 HTML5 CSS3相关面试题 HTML5新特性 CSS3 新特性 列举 5 个以上的 H5 事件 微信小程序与 H5 的区别 H5 的浏览器存储有哪些? 简述 transfor ...

  3. 前端面试题 HTML5 CSS3(盒子模型、盒子水平垂直居中、经典布局) JS(闭包、深浅克隆、数据劫持和拦截) 算法(排序、去重、数组扁平化) Vue(双向数据绑定原理、通信方式)

    前端面试题 HTML5 相关面试题 CSS3 相关面试题 盒子模型 盒子水平垂直居中的方案 经典布局方案 圣杯布局 双飞翼布局 flex布局 定位方式布局 css实现三角形 JS 相关面试题 8种数据 ...

  4. 2023年最全前端面试题考点HTML5+CSS3+JS

    合集:2023年最全前端面试题考点HTML5+CSS3+JS+Vue3+React18+八股文+手写+项目+笔试_参宿7的博客-CSDN博客 本章内容为一面基础面 为了简洁,相关文章参考链接在标题里 ...

  5. 前端面试题整理(定期更新)

    前言 因为面试的原因,最近又开始关注前端面试题,浏览过网上很多面试题集合,有很多小伙伴整理的很全面,但是我发现其中有很多技术点在当下已不再流行,而面试题一般都是映射开发中常遇到的一些技能和问题,再结合 ...

  6. java 前端页面传过来的值怎么防止篡改_答对这40道经典web前端面试题,想不拿到offer都难!...

    想成功就业web前端工程师,想要能高薪就业,那么除了好的web前端技能以外,还得有好的面试技巧,如果提前就了解更多企业的面试要求及面试题目,那么可以让我们的面试成功的几率大大的提高. 今天小编就整理了 ...

  7. Web前端面试题集锦

    Web前端面试题集锦 前端开发面试知识点大纲: 注意 转载须保留原文链接(http://www.cnblogs.com/wzhiq896/p/5927180.html )作者:wangwen896 H ...

  8. 与歌谣通关前端面试题【CSS篇汇总目录】

    我是歌谣 放弃很容易 但坚持一定很酷 欢迎 关注公众号小歌谣一起讨论前后端知识 CSS汇总 [CSS] [css] 圣杯布局和双飞翼布局的理解和区别,并用代码实现 [css] CSS3有哪些新增的特性 ...

  9. array 前端面试题_web前端开发面试题汇总

    前端面试题汇总 第一部分HTML&CSS 1. 浏览器分类 浏览器:IE,Chrome,FireFox,Safari,Opera. 内核:Trident,Gecko,Presto,Webkit ...

最新文章

  1. LeetCode简单题之三角形的最大周长
  2. 面试官:说说你知道的几种负载均衡分类
  3. 数博前沿 | 企业数据应用:聚焦场景,打通“最后一公里”
  4. Unity3D与Leap motion连接学习记录
  5. 【问题记录】pytorch自定义数据集 No such file or directory, invalid index of a 0-dim
  6. ELK 之二:ElasticSearch 和Logstash高级使用
  7. 基于bs4库的HTML内容查找方法
  8. 24组合模式(Composite Pattern)
  9. 嘉兴python培训_嘉服集团
  10. cx_oracle主备服务器,怎么在Python中使用cx_Oracle模块对Oracle数据库进行操作
  11. MongoDB索引概念及使用详解
  12. c语言编程GetTickCount,c语言计算时间方法---clock-GetTickCount-QueryPerformanceCounter
  13. 基于QT实现的钢琴软件 (MFC大作业)
  14. Oracle函数之ratio_to_report函数
  15. 小麦苗的常用代码--常用命令(仅限自己使用)--下
  16. 数字模型制作规范(转自Unity3D群)
  17. QT根据父窗口子窗口自适应大小
  18. 【QT】QObject简介
  19. fusioncharts问题汇总
  20. 【Ubuntu 1】ubuntu的软件包

热门文章

  1. 程序员常用工具集合(建议收藏)--文末送书
  2. 关于idea的八种断点调试
  3. Lucene4.3进阶开发之初入仙界(一)
  4. C++ miniblink mb开源浏览器框架
  5. Unity Shader 之 实现简单的动态过场切换图片的效果
  6. 到底绿茶能不能减肥瘦小肚子? - 健康程序员,至尚生活!
  7. c语言结构体李云龙张三丰,C语言 有一个错误 求改正
  8. 【自动驾驶轨迹规划之dubins曲线与reeds-shepp曲线】
  9. 求1到N中质数的个数
  10. 监控服务器系统时间的服务,监控服务器系统时间的服务