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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • 试过题目之后的笔记: 说简单点,就是让浏览器用我想要的字体,但是怎么赋予浏览器呢,就需要嵌入字体了@font-face了,@不可缺少。 同时要注意,在css中设置@font-face赋予浏览器字体的font-family名字后,在对象的样式设置中font-family的名称需要是一样的。
    查看全部
  • 尝试之后就会发现,text-overflow是在文本溢出的时候可以选择用...来显示溢出的问本,但是显示...的前提是:需要设置:overflow:hidden; white-space:nowrap; overflow:hidden;的意思是隐藏溢出内容,white-space:nowrap;的意思是强制文本在一行内显示。其实按照我的理解是:应该先写white-space:nowrap;再写overflow:hidden;这样逻辑上比较说的通 word-wrap是用来设置文本行为,当一行文本超出边界时,可以用来判断是否断开转行。 语法:word-wrap:normal | break-word
    查看全部
  • background-color:rgba(100,120,60,0.5);
    查看全部
  • round 平铺 repeat 重复 stretch 拉伸
    查看全部
  • 色彩渐变,分为线性渐变和径向渐变 线性渐变linear,径向渐变radial 线性渐变的语法:linear-gradient(tobottom,#fff,#999) 当第一个参数省略时,默认是180度,tobottom 颜色值可以设置多个 示例:background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet); linear-gradient是放在background-image后面的。
    查看全部
  • color: rgba(R,G,B,A) R,G,B正常取值范围:0~255.百分比的话是:0.0%~100.0% A是透明度参数,正常取值范围是:0~1。不可取负值。 好吧,看评论说,白色是255,255,255,先记着好了
    查看全部
  • border-image的语法: border-image:url(border.png)70 70 70 70 repeat 图片延伸方式: round 平铺 repeat 重复 stretch 拉伸
    查看全部
  • 注意:inset 可以写在参数的第一个或最后一个,其它位置是无效的。
    查看全部
  • box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
    查看全部
  • 总结下,CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画; tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形; transition: property/当设置为all时,表示更改所有中点值的属性 /duration/设置过渡所需要的时间/ timing-function过渡函数,设置过渡的各种状态/ delay; animation: KeyframesName/关键帧,其内容可以设置根据百分比的增大而进行样式的变化.(Name属性必须跟Keyframes的属性保持一致)/ duration/CSS3动画播放时间/ timing-function/来设置动画播放方式 delay/用来定义动画开始播放的时间/ iteration-count direction/定义动画的播放次数。/direction/主要用来设置动画播放方向/ play-state/控制元素动画的播放状态。/ fill-mode/定义在动画开始之前和结束之后发生的操作/;
    查看全部
  • box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
    查看全部
  • CSS3 only-child选择器 “:only-child”选择器,控制仅有一个子元素的背景样式
    查看全部
  • CSS3 nth-last-of-type(n)选择器 “:nth-last-of-type(n)”选择器和“:nth-of-type(n)”选择器是一样的,选择父元素中指定的某种子元素类型,但它的起始方向是从最后一个子元素开始,而且它的使用方法类似于上节中介绍的“:nth-last-child(n)”选择器一样。
    查看全部
  • CSS3 nth-of-type(n)选择器 :nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。在“:nth-of-type(n)”选择器中的“n”和“:nth-child(n)”选择器中的“n”参数也一样,可以是具体的整数,也可以是表达式,还可以是关键词。 odd:奇数;even:偶数
    查看全部
  • CSS3 first-of-type选择器 指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。
    查看全部

举报

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

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