Css3属性比css 2强很多。增加了很多新的属性，今天重点介绍开发中会用到的css3属于。

1、 css3媒体查询，是开发自适应网站的必备。

常规写法：

@media (min-width: 700px) { 选择器 { 样式 } }

@media mediatype and | not | only (media feature) {}

2、 布局方式使用弹性盒子

写法：

Display:flex

justify-content: flex-start | flex-end | center | space-between | space-around;

align-items: flex-start | flex-end | center | baseline | stretch;

flex-direction: row | row-reverse | column | column-reverse;

flex-wrap: nowrap | wrap | wrap-reverse;

align-content: flex-start | flex-end | center | space-between | space-around | stretch;

flex-flow: <flex-direction> || <flex-wrap>;

align-self: auto | flex-start | flex-end | center | baseline | stretch;

3、 伪类选择器

:(倍数)

3D转换：

①、移动 translate3d    ②、透视perspective    ③、旋转rotate3d   ④、3D呈现transfrom-style

备注：透视 perspective写在父元素上（近大远小）

3D呈现transform-style: preserve-3d; 写给父级

（animation）动画样式属性

定义动画@keyframes

动画属性animation

动画名称animation-name

时间周期animation-duration

速度曲线animation-timing-function

规定动画的速度曲线，默认是"ease"。匀速：linear

动画开始animation-delay

播放次数animation-iteration-count

逆向播放animation-direction

延伸阅读

• 为什么物流公司需要一个高效的网站？如何建设一个成功的物流网站？

  在当今数字化时代，物流公司拥有一个高效的网站不仅是展示企业形象的重要手段，更是提升客户服务质量和业务效率的关键。为什么会这样？以下几个方面为您解答：提升品牌形象：一个设计精美、...

• [ 酒店销售技巧]酒店销售找客户的方法？

  酒店销售快速找到客源首先需要做好客源预测工作，价格调整准备，合理计划客源比例，合理做好超额预订，提前做好服务准备工作，进一步锁定客源，做好相关方联合工作。常用的找客户方法有：1...

• 软件开发怎么找客户？怎么做网络营销？

  软件开发公司在寻找客户并进行网络营销时，可以采取以下策略：一、寻找客户1、明确目标客户首先，你需要明确你的软件产品或服务适合哪些客户群体。这可以通过市场调研、分析竞争对手的客户...

• 小程序名字修改的技巧规则

  我们都知道名字的意义，名称作为陌生人最先的认知，在物质喧嚣的时代，如何从众多名称中脱颖而出给陌人生留下一个良好且深刻的印象，这至关重要。随着小程序开发越来越多，运营者在给小程序...

• 小程序商城怎么运营？

  小程序商城在当今电商领域日益受到瞩目，成功运营这样一个平台对于每个经营者而言都至关重要。那么，我们该如何着手呢?一、确立品牌方向首先，我们要清晰地定义自己的品牌在市场中的位置。...