2013-20170528TC_20210524–朱文杰
日志
一、知识点
1、transform 是 css3 的属性,该属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。
2、常用的值有:
值 | 描述 |
---|---|
none | 定义不进行转换。 |
translate(x,y) | 定义 2D 转换。移动 |
translate3d(x,y,z) | 定义 3D 转换。父元素 transform-style: preserve-3d; |
translateX(x) | 定义转换,只是用 X 轴的值。 |
translateY(y) | 定义转换,只是用 Y 轴的值。 |
translateZ(z) | 定义转换,只是用 Z 轴的值。 |
3、transition:属性设置元素当过渡效果,四个简写属性为:
transition-property: 指定CSS属性的name,transition效果
transition-duration transition:效果需要指定多少秒或毫秒才能完成
transition-timing-function :指定transition效果的转速曲线
transition-delay :定义transition效果开始的时候
4、正常布局流(normal flow)是指在不对页面进行任何布局控制时,浏览器默认的HTML布局方式。
5、float 属性最初只用于在成块的文本内浮动图像,但是现在它已成为在网页上创建多列布局的最常用工具之一。
6、clear 可以取三个值:
left :停止任何活动的左浮动
right :停止任何活动的右浮动
both :停止任何活动的左右浮动
二、心得体会
今天把CSS学习完了没有全部消化今天的知识,能学到一部分我感觉已经谢天谢地了。虽然制作一些东西还能麻烦不会太,但是看代码起码能看懂了,这少不了老师的悉心教导,作业难得话多做一做一些东西,所以作业难也是有好处的。在视频那方面还是有些不懂。
近期评论