慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

Lunay

结构性伪类选择器—not :not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。就拿form元素来说，比如说你想给表单中除submit按钮之外的input元素添加红色边框，CSS代码可以写成： form { width: 200px; margin: 20px auto; } div { margin-bottom: 20px; } input:not([type="submit"]){ border:1px solid red; } 相关HTML代码： <form action="#"> <div> <label for="name">Text Input:</label> <input type="text" name="name" id="name" placeholder="John Smith" /> </div> <div> <label for="name">Password Input:</label> <input type="text" name="name" id="name" placeholder="John Smith" /> </div> <div> <input type="submit" value="Submit" /> </div> </form>

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2018-03-22
随风落雨

Ok了，兼容性

查看全部

0 采集收起来源：CSS3 Keyframes介绍
2015-01-30
陳沉

大难点

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-01-30
悟酱起飞

这里的CSS3选择器虽然在css3样式里不兼容IE浏览器，但是可以在jq的选择器里兼容各浏览器 $('a:not([class*=co]').css({ 'background':'#f00', 'display':'block', 'width':'20px', 'height':'20px'}); $('a:empty').remove(); 比如这个，甚至可以兼容到IE6

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2015-01-30
端午

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

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-01-29
aisiyu

>是子元素选择器，空格是后代选择器，他们的区别：后代选择器：匹配父子关系和祖先-后代关系子元素选择器：匹配父子关系就是>（子元素选择器）只是匹配到他下面的一层，而不是多层

查看全部

1 采集收起来源：CSS3 结构性伪类选择器—first-child
2018-03-22
Memoky

CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。线性渐变：linear-gradient(to bottom,#fff,#999) 第一个参数:指定渐变方向，可以用“角度”的关键词或“英文”来表示第一个参数省略时，默认为“180deg”，等同于“to bottom”。第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。 background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-02-25
乌龙猫

CSS3简化了前端开发工作人员的设计过程，加快页面载入速度。 CSS3都有哪些强大功能选择器以前我们通常用class、 ID 或 tagname 来选择HTML元素，CSS3的选择器强大的难以置信。它们可以减少在标签中的class和ID的数量更方便的维护样式表、更好的实现结构与表现的分离。圆角效果以前做圆角通常使用背景图片，或繁琐的元素拼凑，现在很简单了 border-radius 帮你轻松搞定。块阴影与文字阴影可以对任意DIV和文字增加投影效果。色彩 CSS3支持更多的颜色和更广泛的颜色定义。新颜色CSS3支持HSL ， CMYK ，HSLA and RGBA。渐变效果以前只能用Photoshop做出的图片渐变效果，现在可以用CCS写出来了。IE中的滤镜也可以实现。个性化字体网页上的字体太单一？使用@Font-Face 轻松实现定制字体。多背景图一个元素上添加多层背景图片。边框背景图边框应用背景图片。变形处理你可以对HTML元素进行旋转、缩放、倾斜、移动、甚至以前只能用JavaScript实现的强大动画。

查看全部

0 采集收起来源：CSS3能做什么？
2015-01-29
hahaseki

第九节设置动画时间外属性 animation-fill-mode属性定义在动画开始之前和结束之后发生的操作。属性值效果 none 默认值，表示动画将按预期进行和结束，在动画完成最后一帧后动画会回到初始帧。 forwards 表示动画在结束后继续应用最后的关键帧的位置。 backwards 会在向元素应用动画样式时迅速应用动画的初始帧。 both 元素动画同时具有forwards和backwards效果。

查看全部

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

第八节设置动画的播放状态 animation-play-state属性主要用来控制元素动画的播放状态。参数：其主要有两个值：running和paused。其中running是其默认值，主要作用就是类似于音乐播放器一样，可以通过paused将正在播放的动画停下来，也可以通过running将暂停的动画重新播放，这里的重新播放不一定是从元素动画的开始播放，而是从暂停的那个位置开始播放。另外如果暂停了动画的播放，元素的样式将回到最原始设置状态。

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2015-02-25
hahaseki

第六节设置动画播放次数 animation-iteration-count属性主要用来定义动画的播放次数。语法规则： animation-iteration-count: infinite | <number> [, infinite | <number>]* 1、其值通常为整数，但也可以使用带有小数的数字，其默认值为1，这意味着动画将从开始到结束只播放一次。 2、如果取值为infinite，动画将会无限次的播放。

查看全部

0 采集收起来源：CSS3中设置动画播放次数
2018-03-22
hahaseki

第五节设置动画开始播放的时间 animation-delay属性用来定义动画开始播放的时间，用来触发动画播放的时间点。和transition-delay属性一样，用于定义在浏览器开始执行动画之前等待的时间。语法规则： animation-delay:<time>[,<time>]*

查看全部

0 采集收起来源：CSS3中设置动画开始播放的时间
2018-03-22
湮果惑

outline:width style color 不占元素宽高

查看全部

0 采集收起来源：CSS3外轮廓属性
2015-01-29
hahaseki

第四节设置动画播放方式 animation-timing-function属性主要用来设置动画播放方式。主要让元素根据时间的推进来改变属性值的变换速率，简单点说就是动画的播放方式。语法规则： animation-timing-function:ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>) [, ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(<number>, <number>, <number>, <number>)]*

查看全部

0 采集收起来源：CSS3中设置动画播放方式
2018-03-22
hahaseki

第三节设置动画播放时间 animation-duration主要用来设置CSS3动画播放时间，完成从0%到100%一次动画所需时间。单位：S秒语法规则 animation-duration: <time>[,<time>]* 取值<time>为数值，单位为秒，其默认值为“0”，这意味着动画周期为“0”，也就是没有动画效果（如果值为负值会被视为“0”）。

查看全部

0 采集收起来源：CSS3中设置动画播放时间
2018-03-22

首页上一页 1115 1116 1117 1118 1119 1120 1121 下一页尾页

0/150

提交

取消

开始学习

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

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