css3开发

原创于 2015-12-04 14:52:23 发布 · 275 阅读

0 ·

CC 4.0 BY-SA版权

HTML+CSS开发专栏收录该内容

4 篇文章

订阅专栏

本文深入探讨了CSS中的布局与变换技术，包括position定位、absolute布局、flex布局以及2D和3D变换，如translate、rotate、scale等。通过实例解析，助您掌握更高级的网页设计技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.定位position

css中的position,定位
absolute relative ,left top 是相对偏移量，仍然占着以前的位置
position：aboslute 绝对布局
flex固定布局

2.css3可以对元素进行各种变换，分为2D和3D

translate()//移动元素
transform:translate(100px,100px);
-webkit-transform:translate(100px,100px);/*safari chrome*/
-ms-transform:transform(200px,200px);/**/
-o-transform:transform(200px,200px);
-moz-transform:transform(200px,200px);

 rotate() //旋转
scale() //缩放
skew()
matrix()

rotateX()
rotateY()

3.面向对象的css