CSS3 简介

1.CSS3 概述

  • CSS3 是CSS2 的升级版本,它在CSS2 的基础上,新增了很多强大的新功能,从而解决一些实际 面临的问题。

  • CSS3 在未来会按照模块化的方式去发展: https://www.w3.org/Style/CSS/current-work.html

  • CSS3 的新特性如下:

    • 新增了更加实用的选择器,例如:动态伪类选择器、目标伪类选择器、伪元素选择器等等。
    • 新增了更好的视觉效果,例如:圆角、阴影、渐变等。
    • 新增了丰富的背景效果,例如:支持多个背景图片,同时新增了若干个背景相关的属性。
    • 新增了全新的布局方案 ------ 弹性盒子。
    • 新增了Web字体,可以显示用户电脑上没有安装的字体。
    • 增强了颜色,例如: HSL 、HSLA 、RGBA 几种新的颜色模式,新增opacity 属性来控制透明度。
    • 增加了2D和3D变换,例如:旋转、扭曲、缩放、位移等。
    • 增加动画与过渡效果,让效果的变换更具流线性、平滑性。

2. CSS3私有前缀

查询CSS3兼容性的网站:https://caniuse.com/

  • 常见浏览器私有前缀
    • Chrome 浏览器:-webkit-
    • Safari 浏览器: -webkit-
    • Firefox 浏览器:-moz-
    • Edge 浏览器:-webkit-
    • 旧 Opera 浏览器:-o-
    • 旧 IE 浏览器:-ms-
相关推荐
霍先生的虚拟宇宙网络2 分钟前
webp 网页如何录屏?
开发语言·前端·javascript
彪8255 分钟前
第十章 JavaScript的应用 习题
javascript·css·ecmascript·html5
jessezappy22 分钟前
jQuery-Word-Export 使用记录及完整修正文件下载 jquery.wordexport.js
前端·word·jquery·filesaver·word-export
旧林8431 小时前
第八章 利用CSS制作导航菜单
前端·css
yngsqq1 小时前
c#使用高版本8.0步骤
java·前端·c#
Myli_ing2 小时前
考研倒计时-配色+1
前端·javascript·考研
余道各努力,千里自同风2 小时前
前端 vue 如何区分开发环境
前端·javascript·vue.js
软件小伟2 小时前
Vue3+element-plus 实现中英文切换(Vue-i18n组件的使用)
前端·javascript·vue.js
醉の虾2 小时前
Vue3 使用v-for 渲染列表数据后更新
前端·javascript·vue.js
张小小大智慧2 小时前
TypeScript 的发展与基本语法
前端·javascript·typescript