css 学习小结(1)
浏览数：22 /
时间：2015年06月09日
之前学习都是把知识点记在本子上，现在重新复习梳理一下，将知识点做个小结：
１、块元素：从上向下流（各元素之间有一个换行）;
内联元素：水平方向上相互挨着，总体上从左上方流向右下方;
２、对于图像，通常不仅会设置外边距，还会设置内边距和边框;
３、如果要浮动(float)一个元素，则必须为这个元素设置一个宽度;浮动元素会从正常流中取出，浮动到左边或右边;
４、居中技巧：
- margin:auto; //浏览器会根据需要扩展内容区，还会确保左和右外边距相同，所以内容会居中;
- top:50%; left:50%; webkit-transperent:translate(-50%);
５、position的位置
- absolute: 浏览器首先要做的是将它从流中完全删除，然后浏览器将这个元素放置在top和right属性指定的位置上。(也可以使用bottom和left指定位置);
- fixed:浏览器会将它从正常流中删除;
- relative:会让元素正常的流入页面;
可以对任何元素指定绝对位置，包括块元素和内连元素;
６、动画animate
animate(params,[duration],[easing],[callback]) (后面三个参数是可选的)
- params: options,一组包含作为动画属性和终值的样式属性及其值的集合;
- duration:三种预订速度之一的字符串("slow","normal","fast")或表示动画时长的毫秒值（如:1000）;
- easing:要使用的擦除效果的名称（需要插件支持），默认jQuery提供“linear”和“swing”;
- callback: Function，在动画完成时执行的函数;
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
