慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

宝慕林5428143

:root代表的是html 改变html的颜色建议用：root方法：root{ background：blue； }等同于 html{ background：blue； } 另外在ie9以下还可以借助：root实现hack功能

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2016-09-30
宝慕林5428143

选择器 E[attr^=val] 属性的值中以val开头的属性 E[attr$=val] 属性的值中以val结尾的属性 E[attr*=val] 属性的值中包含val的属性

查看全部

0 采集收起来源：CSS3选择器属性选择器
2016-09-30
宝慕林5428143

使用渐变与伪元素给导航项目添加分割线 .nav li:after{ content:""; position:absolute; right:0; top:20px; height:15px; width:1px; background:liner-gradient(to bottom,#f82f87,#B0363F,#f82f87); } 之后要删除最后那个线 .nav li:last-child:after{ height:0; width:0; }

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2018-03-22
宝慕林5428143

设置背景图标开始的起始位置 background-origin：border-box/padding-box/content-box 分别代表从边框从内边距（默认值），从内容区域需要注意的是如果背景不是no-repeat 这个属性无效他会从边框开始

查看全部

0 采集收起来源：CSS3背景 background-origin
2016-09-30
宝慕林5428143

想要使用服务器端字体就要先将服务器端的字体引入进来使用@font-face @font-face｛ font-family:字体名称； src：在服务器上的相对或绝对路径；｝此时已经引入完毕当你页面中哪里需要使用这个字体的时候在他的样式中定义 font-family:你引入的那个字体名称

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2016-09-30
宝慕林5428143

要想显示省略号要同时具备三个条件 1、文本控制不换行 white-space:nowrap; 2、超出部分隐藏 overflow：hidden； 3、超出部分显示省略号 text-overflow:ellipsis;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2016-09-30
无所畏惧小小小

transition(property duration timing-function delay) transition（过渡效果名称动画执行时间动画速度曲线执行动画前的等待时间）

查看全部

0 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2016-09-29
无所畏惧小小小

transition-timing-function:linear;恒速动画 transition-timing-function:ease;先快后慢 transition-timing-function:ease-out;先慢后快更多动画，查看贝塞尔曲线

查看全部

0 采集收起来源：CSS3中的动画--过渡函数 transition-timing-function
2016-09-29
无所畏惧小小小

transform:translate(-50%,-50%); 通过这段代码可以实现响应式布局的居中问题

查看全部

1 采集收起来源：CSS3中的变形--位移 translate()
2016-09-29
qq_繁华雨落尽空城_0

，

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2016-09-29
javdroider

before，after 进入CSS3进代之后我们可以通过CSS3的伪类“:before”，“:after”和CSS3的伪元素“::before”、“::after”来实现，其关键是依靠CSS3中的“content”属性来实现。不过这个属性对于img和input元素不起作用。

查看全部

0 采集收起来源：CSS生成内容
2016-09-29
javdroider

拖拽放大缩小 resize: both;

查看全部

0 采集收起来源：自由缩放属性resize
2016-09-29
己亥庚戌

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2016-09-29
javdroider

border-box防止页面被挤出 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;

查看全部

0 采集收起来源：CSS3 盒子模型
2016-09-29
荒野上摔倒

animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。主要具有四个属性值：none、forwards、backwords和both。 none默认值，表示动画将按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards表示动画在结束后继续应用最后的关键帧的位置 backwards会在向元素应用动画样式时迅速应用动画的初始帧 both元素动画同时具有forwards和backwards效果在默认情况之下，动画不会影响它的关键帧之外的属性，使用animation-fill-mode属性可以修改动画的默认行为。简单的说就是告诉动画在第一关键帧上等待动画开始，或者在动画结束时停在最后一个关键帧上而不回到动画的第一帧上。或者同时具有这两个效果。让动画停在最一帧处。 animation-fill-mode:forwards; backwards会在动画开始前显示动画的第一帧，例如当动画是在页面加载完成后5秒开始，动画是由红色渐变为绿色，而div本来的背景色是黑色。那么设置backwards属性会使得在动画尚未开始的前五秒div显示为红色，而设置none的话，前五秒会div会显示自己的背景色黑色。

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2016-09-29

首页上一页 395 396 397 398 399 400 401 下一页尾页

0/150

提交

取消

开始学习

课程须知: 1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下，建议使用 chrome、safari、firefox、opera浏览器学习本课程。

老师告诉你能学到什么？: 1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果