慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

慕姐0332557

@media not print and (max-width:1200px){ body{background:red} 除了打印机和设备宽度小于1200px的设备都可用 } 如果样式中没规定媒体类型（设备类型），默认为all @media (min-width:300px) and (max-width:600px){ background:blue } 可将同一个样式放到不同的设备类型和设备特征中，中间用逗号隔开 @media handheld and (max-width:300px),screen and (min-width:600px){ background：red }

查看全部

0 采集收起来源：Media Queries使用方法
2016-03-28
慕姐0332557

@media 媒体类型（设备类型）and 媒体特征（设备特征）{你的样式} max-width:300px 最大宽度 min-width:600px 最小宽度 @media screen and (max-device-width:480px){ 媒体类型媒体特征 body{background:red} }

查看全部

0 采集收起来源：Media Queries使用方法
2016-03-28
慕姐0332557

<link rel="stylesheet" url="style1.css" media="only screen and (max-width:600px)"/> 仅在小等于600px 手机端 <link rel="stylesheet" url="style2.css" media="only screen and (min-width:601px) and (max-width:980px)"/> 屏幕在601px和980px之间 pad端 <link rel="stylesheet" url="style3.css" media="only screen and (min-width:981px) and (max-width:1200px)"/>屏幕在981到1200之间电脑 <link rel="stylesheet" url="style4.css" media="only screen and (min-width:1201px)"/> 屏幕在1200以上智能电视 <style> *{margin:0;padding:0} @media screen and (max-width:600px) and (min-height:300px){background:red} @media screen and (min-width:601px) and (max-width:980px){background:blue} @media screen and (min-width:981px) and (max-width:1201px) {background:yellow} @media screen and (min-width:1201px){background:white} </style>

查看全部

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

media媒体查询：一个页面，一套css样式，一套js效果，使不同分辨率的浏览器适应不同的终端，例如智能电视，电脑，pad，手机等。常见的all全部 screen屏幕 print页面打印

查看全部

0 采集收起来源：Media Queries——媒体类型（一）
2016-03-28
qq_疯子_109

nth-of-type(n)选择器 “:nth-of-type(n)”选择器和“:nth-child(n)”选择器非常类似，不同的是它只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时，使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。在“:nth-of-type(n)”选择器中的“n”和“:nth-child(n)”选择器中的“n”参数也一样，可以是具体的整数，也可以是表达式，还可以是关键词。例如，可以通过“:nth-of-type(2n)”选择器，将容器“div.wrapper”中偶数段数的背景设置为橙色。代码如下： .wrapper > p:nth-of-type(2n){ background: orange; }

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2018-03-22
qq_疯子_109

first-of-type选择器代码如下： .wrapper > p:first-of-type { background: orange; } “:first-of-type”选择器类似于“:first-child”选择器，不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。例如，可以通过“:first-of-type”选择器，定位div容器中的第一个p元素（p不一定是容器中的第一个子元素），并设置其背景色为橙色。

查看全部

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

关于backwards和none的区别： backwards会在动画开始前显示动画的第一帧，例如当动画是在页面加载完成后5秒开始，动画是由红色渐变为绿色，而div本来的背景色是黑色。那么设置backwards属性会使得在动画尚未开始的前五秒div显示为红色，而设置none的话，前五秒会div会显示自己的背景色黑色。

查看全部

1 采集收起来源：CSS3中设置动画时间外属性
2016-03-28
qq_疯子_109

结构性伪类选择器—nth-last-child(n) “:nth-last-child(n)”选择器和前面的“:nth-child(n)”选择器非常的相似，只是这里多了一个“last”，所起的作用和“:nth-child(n)”选择器有所区别，从某父元素的最后一个子元素开始计算，来选择特定的元素。例如，可以通过设置n的值来选择列表中倒数第n个列表项，对其更改css样式。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2016-03-28
qq_疯子_109

结构性伪类选择器—nth-child(n) “:nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”是其参数，而且可以是整数值(1,2,3,4)，也可以是表达式(2n+1、-n+5)和关键词(odd、even)，但参数n的起始值始终是1，而不是0。也就是说，参数n的值为0时，选择器将选择不到任何匹配的元素。经验与技巧:当“:nth-child(n)”选择器中的n为一个表达式时，其中n是从0开始计算，当表达式的值为0或小于0的时候，不选择任何匹配的元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2016-03-28
qq_疯子_109

结构性伪类选择器—last-child “:last-child”选择器与“:first-child”选择器作用类似，不同的是“:last-child”选择器选择的是元素的最后一个子元素。例如，需要改变的是列表中的最后一个“li”的背景色，就可以使用这个选择器， ul>li:last-child{background:blue;}

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—last-child
2018-03-22
qq_疯子_109

结构性伪类选择器—first-child ol > li{ font-size:20px; font-weight: bold; margin-bottom: 10px; } ol a { font-size: 16px; font-weight: normal; } ol > li:first-child{ color: red; } “:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素，记住是子元素，而不是后代元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—first-child
2018-03-22
慕姐0332557

box-sizig:content-box 默认值元素的宽高=元素自身高度+padding+border box-sizing:border-box 元素的高宽=盒子的宽高-padding-border

查看全部

0 采集收起来源：CSS3 盒子模型
2016-03-28
慕运维7827635

zheli

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2016-03-28
FianeHsu

animation-direction 其主要有两个值：normal、alternate 1、normal是默认值，如果设置为normal时，动画的每次循环都是向前播放； 2、另一个值是alternate，他的作用是，动画播放在第偶数次向前播放，第奇数次向反方向播放。

查看全部

0 采集收起来源：CSS3中设置动画播放方向
2016-03-28
沫路花未果

开始坐标点是以左上为原点，x，y都为正，则像右下偏移，x正，y负，则像右上偏移，x负，y为正，则像坐下偏移，x,y都为负则像左上偏移。

查看全部

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

首页上一页 580 581 582 583 584 585 586 下一页尾页

0/150

提交

取消

开始学习

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

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