慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

dummy__

圆：{ width:200px; height:200px border:1px solid; border-radius:100px 100px 100px 100px; } 左半圆{ width:200px; height:200px; border:1px solid; border-radius:100px 0 0 100px; }

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-03-20
普罗提亚ban

animation-delay属性用来定义动画开始播放的时间，用来触发动画播放的时间点。和transition-delay属性一样，用于定义在浏览器开始执行动画之前等待的时间。

查看全部

0 采集收起来源：CSS3中设置动画开始播放的时间
2015-03-19
qq_z影_0

背景必须为no-reapt否则这个属性无效

查看全部

0 采集收起来源：CSS3背景 background-origin
2015-03-19
普罗提亚ban

animation-timing-function的值为动画进行的方法，让元素的高与宽相等，加上属性：border-radius:100%;可实现小球的动画

查看全部

0 采集收起来源：CSS3中设置动画播放方式
2015-03-19
heyGerry

实心上半圆：方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。 div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ } 实心圆：方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半。如下代码： div{ height:100px;/*与width设置一致*/ width:100px; background:#9da; border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/ } border-radius 向元素添加圆角边框方向为顺时针

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-03-19
乂_2015

:not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。就拿form元素来说，比如说你想给表单中除submit按钮之外的input元素添加红色边框. div;not([class/id/type=""]){}

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2018-03-22
乂_2015

结构性伪类选择器—root :root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html>。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2018-03-22
乂_2015

CSS3相对于CSS2新增的3个属性选择器： 1、E[att^="val"] 属性值以 val 开头的 2、E[att$="val"] 属性值以 val 结尾的 3、E[att*="val"] 属性值包含 val 的

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
Meelu

only-of-type选择器 “:only-of-type”选择器用来选择一个元素是它的父元素的唯一一个相同类型的子元素。这样说或许不太好理解，换一种说法。“:only-of-type”是表示一个元素他有很多个子元素，而其中只有一种类型的子元素是唯一的，使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。

查看全部

0 采集收起来源：CSS3 only-of-type选择器
2015-03-19
Meelu

only-child选择器 “:only-child”选择器选择的是父元素中只有一个子元素，而且只有唯一的一个子元素。也就是说，匹配的元素的父元素中仅有一个子元素，而且是一个唯一的子元素。

查看全部

0 采集收起来源：CSS3 only-child选择器
2015-03-19
Meelu

nth-last-of-type(n)选择器 “:nth-last-of-type(n)”选择器和“:nth-of-type(n)”选择器是一样的，选择父元素中指定的某种子元素类型，但它的起始方向是从最后一个子元素开始，而且它的使用方法类似于上节中介绍的“:nth-last-child(n)”选择器一样。

查看全部

0 采集收起来源：CSS3 nth-last-of-type(n)选择器
2015-03-19
Meelu

last-of-type选择器 “:last-of-type”选择器和“:first-of-type”选择器功能是一样的，不同的是他选择是父元素下的某个类型的最后一个子元素。

查看全部

0 采集收起来源：CSS3 last-of-type选择器
2015-03-19
Meelu

nth-of-type(n)选择器 “:nth-of-type(n)”选择器和“:nth-child(n)”选择器非常类似，不同的是它只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时，使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。在“:nth-of-type(n)”选择器中的“n”和“:nth-child(n)”选择器中的“n”参数也一样，可以是具体的整数，也可以是表达式，还可以是关键词。

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2015-03-19
Meelu

first-of-type选择器 “:first-of-type”选择器类似于“:first-child”选择器，不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2015-03-19
Meelu

结构性伪类选择器—nth-last-child(n) “:nth-last-child(n)”选择器和前面的“:nth-child(n)”选择器非常的相似，只是这里多了一个“last”，所起的作用和“:nth-child(n)”选择器有所区别，从某父元素的最后一个子元素开始计算，来选择特定的元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2015-03-19

首页上一页 1056 1057 1058 1059 1060 1061 1062 下一页尾页

0/150

提交

取消

开始学习

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

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