为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
十天精通CSS3_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • 个meta标签被称为可视区域meta标签,其使用方法如下。 <meta name=”viewport” content=”” /> 在content属性中主要包括以下属性值,用来处理可视区域。
    查看全部
  • 在Responsive布局中,可以毫无保留的丢弃: 第一, 尽量少用无关紧要的div; 第二,不要使用内联元素(inline); 第三,尽量少用JS或flash; 第四,丢弃没用的绝对定位和浮动样式; 第五,摒弃任何冗余结构和不使用100%设置。 有舍才有得,丢弃了一些对Responsive有影响的东东,那么有哪些东东能帮助Responsive确定更好的布局呢? 第一,使用HTML5 Doctype和相关指南; 第二,重置好你的样式(reset.css); 第三,一个简单的有语义的核心布局; 第四,给重要的网页元素使用简单的技巧,比如导航菜单之类元素。
    查看全部
  • transition-delay:就是这个事件要延迟变化。简单讲就是过多少秒这个动画开始发生变化。
    查看全部
  • transition-timing-function 是一个缓冲函数,表示你这个动画过渡的速率的,以及过渡过程中的过渡速度怎么样。其中有ease,ease-in,ease-out,ease-in-out 方式,ease这个是默认的方式,开始慢然后是快然后是慢。ease-in元素走开始到结束慢慢的变快。ease-out是元素走开始到结束慢慢的变慢,最开始是很快。ease-in-out是一开始到结束有一种渐隐效果。其实不必深究linear 也是用的最多的。循环变化。
    查看全部
  • transition 就是动画过渡属性,它有4个值,第一个就是你要过渡的元素属性,第二个是你要过渡多场时间,第三个是你要过渡的这个元素属性的方式,第四个就是你要多久触发这个过渡效果。
    查看全部
  • transform-origin 改变元素进行操作的原点。和我们background-position特别相似。
    查看全部
  • translate(x,y) x,y单位像素相应的移动单位也可以是像素或者top等。如果x,y的值是-50%,-50%表示这个元素相对居中。translate(x,y);是相对移动单位像素的方法,属于transform这个属性中。这个方法和相对定位比较相似,但是this这个方法却没有z-index功能,所以不能把这个误认为和相对定位一样,只是相似。
    查看全部
  • scale(x,y) 这个是transform中的缩放方法。x,y的的值如果为1,那么旧不进行放大或者缩小。如果值小于1,那么就进行缩放功能,如果大于1,就是放大相应的倍数。
    查看全部
  • skew(xdeg,ydeg);这个是transform中的扭曲运动。x表示在水平坐标轴上的上下边长度不变,左右拉伸。ydeg表示在垂直坐标轴上面,左右边长不变,上下进行拉伸。
    查看全部
  • rotate(ndeg) transform中旋转元素。 deg是旋转角度单位,n表示你要旋转的数值,如果n是负数,那么旋转就是逆时针的。n是正数那么就进行顺时针旋转
    查看全部
  • 经验与技巧:当“:nth-child(n)”选择器中的n为一个表达式时,其中n是从0开始计算,当表达式的值为0或小于0的时候,不选择任何匹配的元素
    查看全部
  • backwards会在动画开始前显示动画的第一帧,例如当动画是在页面加载完成后5秒开始,动画是由红色渐变为绿色,而div本来的背景色是黑色。那么设置backwards属性会使得在动画尚未开始的前五秒div显示为红色,而设置none的话,前五秒会div会显示自己的背景色黑色。
    查看全部
  • 有些人可以一路走到底(forwards),有些人在遭受伤害后可以恢复到以前(none),甚至有些人可以从伤痛中快速的逃离(backwards),然而有些人已经回不去了,也不知道后面的路该如何走下去(both)
    查看全部
  • 火狐不支持这属性
    查看全部
  • matrix(长度缩放,y轴扭曲,x轴扭曲,宽度缩放,x位移,y位移) matrix() 是一个含六个值的(a,b,c,d,e,f)变换矩阵,用来指定一个2D变换,相当于直接应用一个[a b c d e f]变换矩阵。 a为元素的水平伸缩量,1为原始大小; b为纵向扭曲,0为不变; c为横向扭曲,0不变; d为垂直伸缩量,1为原始大小; e为水平偏移量,0是初始位置; f为垂直偏移量,0是初始位置;
    查看全部

举报

0/150
提交
取消
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!