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-
相关推荐
吕彬-前端19 分钟前
使用vite+react+ts+Ant Design开发后台管理项目(五)
前端·javascript·react.js
学前端的小朱22 分钟前
Redux的简介及其在React中的应用
前端·javascript·react.js·redux·store
guai_guai_guai31 分钟前
uniapp
前端·javascript·vue.js·uni-app
bysking1 小时前
【前端-组件】定义行分组的表格表单实现-bysking
前端·react.js
王哲晓2 小时前
第三十章 章节练习商品列表组件封装
前端·javascript·vue.js
fg_4112 小时前
无网络安装ionic和运行
前端·npm
理想不理想v2 小时前
‌Vue 3相比Vue 2的主要改进‌?
前端·javascript·vue.js·面试
酷酷的阿云2 小时前
不用ECharts!从0到1徒手撸一个Vue3柱状图
前端·javascript·vue.js
微信:137971205872 小时前
web端手机录音
前端
齐 飞2 小时前
MongoDB笔记01-概念与安装
前端·数据库·笔记·后端·mongodb