cs007711的博客

边框

容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫做cross size。一个元素可以同时是弹性容器和弹性元素设置父元素flex后，子元素上的浮动，vertical-alin将失效。display:inline-flex 设置为行内的弹性容器。-要使用弹性盒，必须先将一个元素设置为弹性容器。是弹性元素（弹性项）

margin-left margin-right auto width 固定值 左右外边距平分，盒子会居中显示。width margin-right auto margin-left固定值 调整width。margin-left width auto margin-right固定值 调整width。可以设置auto大小的属性，是margin-left width margin-right。如果子元素的大小超过了父元素，则子元素会从父元素中溢出。...

CSS3中，我们为了添加某种效果可以从一种样式转变到另一个的时候，无需使用Flash动画或JavaScript。如果未指定的期限，transition将没有任何效果，因为默认值是0。rotateX()方法，围绕其在一个给定度数X轴旋转的元素。rotateY()方法，围绕其在一个给定度数Y轴旋转的元素。CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。CSS3 允许您使用 3D 转换来对元素进行格式化。

包含两个参数值，分别表示X轴和Y轴倾斜的角度，如果第二个参数为空，则默认为0，参数为负表示向相反方向倾斜。用 CSS3，你可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序，如 Photoshop。CSS3中可以指定背景图片，让我们重新在不同的环境中指定背景图片的大小。CSS3以前，背景图像大小由图像的实际大小决定。scale（2,3）转变宽度为原来的大小的2倍，和其原始大小3倍的高度。不同的背景图像和图像用逗号隔开，所有的图片中显示在最顶端的为第一张。我们不得不在每个角落使用不同的图像。...