css 学习小结(1)

标签：

　之前学习都是把知识点记在本子上，现在重新复习梳理一下，将知识点做个小结：

１、块元素：从上向下流（各元素之间有一个换行）;

　　内联元素：水平方向上相互挨着，总体上从左上方流向右下方;

２、对于图像，通常不仅会设置外边距，还会设置内边距和边框;

３、如果要浮动(float)一个元素，则必须为这个元素设置一个宽度;浮动元素会从正常流中取出，浮动到左边或右边;

４、居中技巧：

1. margin:auto;     //浏览器会根据需要扩展内容区，还会确保左和右外边距相同，所以内容会居中;
2. top:50%;  left:50%; webkit-transperent:translate(-50%);

５、position的位置

1. absolute:  浏览器首先要做的是将它从流中完全删除，然后浏览器将这个元素放置在top和right属性指定的位置上。(也可以使用bottom和left指定位置);　　
2. fixed:浏览器会将它从正常流中删除;
3. relative:会让元素正常的流入页面;

        可以对任何元素指定绝对位置，包括块元素和内连元素;

６、动画animate

        animate(params,[duration],[easing],[callback])   (后面三个参数是可选的)

1. params: options,一组包含作为动画属性和终值的样式属性及其值的集合;
2. duration:三种预订速度之一的字符串("slow","normal","fast")或表示动画时长的毫秒值（如:1000）;
3. easing:要使用的擦除效果的名称（需要插件支持），默认jQuery提供“linear”和“swing”;
4. callback: Function，在动画完成时执行的函数;

css 学习小结(1)

标签：

原文地址：http://www.cnblogs.com/lindazhang102/p/4324907.html