慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

Johnny_yujun

案例在线展示地址：http://codepen.io/airen/pen/eAztg

查看全部

0 采集收起来源：制作3D旋转视频展示区
2016-08-26
慕粉3788059

input[type="submit"]:disabled { background: #eee; border-color: #eee; color: #ccc; }

查看全部

0 采集收起来源：CSS3选择器 :disabled选择器
2018-03-22
慕粉3788059

.wrapper > div:nth-last-of-type(1){ background: orange; }

查看全部

0 采集收起来源：CSS3 nth-last-of-type(n)选择器
2018-03-22
慕粉3788059

.wrapper > div:last-of-type{ background: orange; }

查看全部

0 采集收起来源：CSS3 last-of-type选择器
2018-03-22
balabalalala

不懂，这个N是怎么加起来的

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2016-08-26
holy_night

先将div的背景色改为黑色， none:开始延迟的5秒内为黑色，然后又红到蓝，最后转为黑色。 backwards：开始延迟的5秒内为红色，然后又红到蓝，最后转为黑色。 forwards：开始延迟的5秒内为黑色，然后又红到蓝，最后为蓝色。 both：开始延迟的5秒内为红色，然后又红到蓝，最后转为蓝色。每个效果是不一样的，both同时具有forwards和backwards效果

查看全部

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

CSS

查看全部

0 采集收起来源：CSS3能做什么？
2016-08-26
Johnny_yujun

media queries——媒体类型（二）在实际中媒体类型有近十种之多，实际之中常用的也就那么几种，不过媒体类型的引用方法也有多种，常见的有：link标签、@import和CSS3新增的@media几种： link方法 link方法引入媒体类型其实就是在<link>标签引用样式的时候，通过link标签中的media属性来指定不同的媒体类型。如下所示。 <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> <link rel="stylesheet" type="text/css" href="print.css" media="print" /> @import方法 @import可以引用样式文件，同样也可以用来引用媒体类型。@import引入媒体类型主要有两种方式，一种是在样式中通过@import调用另一个样式文件；另一种方法是在<head></head>标签中的<style></style>中引入，但这种使用方法在IE6~7都不被支持，如样式文件中调用另一个样式文件时，就可以指定对应的媒体类型。 @importurl(reset.css) screen; @importurl(print.css) print; 在<head>中的<style>标签中引入媒体类型方法。 <head> <style type="text/css"> @importurl(style.css) all; </style> </head> @media方法 @media是CSS3中新引进的一个特性，被称为媒体查询。在页面中也可以通过这个属性来引入媒体类型。@media引入媒体类型和@import有点类似也具有两方式。（1）在样式文件中引用媒体类型： @media screen { 选择器{/*你的样式代码写在这里…*/} } （2）使用@media引入媒体类型的方式是在<head>标签中的<style>中引用。 <head> <style type="text/css"> @media screen{ 选择器{/*你的样式代码写在这里…*/} } </style> </head>

查看全部

0 采集收起来源：media queries——媒体类型（二）
2018-03-22
Johnny_yujun

火狐不支持这属性

查看全部

0 采集收起来源：CSS3 跨列设置column-span
2016-08-25
Johnny_yujun

mark:案例在线演示地址：http://codepen.io/airen/pen/icFba

查看全部

0 采集收起来源：制作3D旋转导航综合练习题
2016-08-25
交替的黑白键

border-radius: 100px 10px;等同于如下： border-top-left-radius: 100px; border-top-right-radius: 10px; border-bottom-right-radius: 100px; border-bottom-left-radius: 10px; border-radius: 100px / 10px;等同于如下： border-top-left-radius: 100px 10px; border-top-right-radius: 100px 10px; border-bottom-right-radius: 100px 10px; border-bottom-left-radius: 100px 10px;

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2016-08-25
说好的别样未来

未完成

查看全部

0 采集收起来源：制作3D旋转导航综合练习题
2016-08-25
小人物3802723

a[href^='#'] 开头 a[href$='c'] 结尾 a[title*='box'] 包含

查看全部

0 采集收起来源：CSS3选择器属性选择器
2016-08-24
小人物3802723

last-child:after after

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-08-24
ing125

总结下，CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画; tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形; transition: property duration timing-function delay; animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;

查看全部

0 采集收起来源：CSS3中设置动画播放时间
2016-08-24

首页上一页 427 428 429 430 431 432 433 下一页尾页

0/150

提交

取消

开始学习

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

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