慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

qiqikeke

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

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2015-10-23
qiqikeke

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

查看全部

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

RGB是一种色彩标准，是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。语法： color：rgba(R,G,B,A) 以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数，取值在0~1之间，不可为负值。

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2015-10-23
Bit2018

CSS3 浏览器兼容性问题：前缀浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera 推荐一个CSS3教程，写得也是相当的好，甚至比慕课网的都好：http://www.lvyestudy.com/css3/css3_list.aspx

查看全部

0 采集收起来源：什么是CSS3？
2015-10-23
qiqikeke

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

查看全部

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

:target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2015-10-23
m敏

实心上半圆：方法：把高度(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;/*四个圆角值都设置为宽度或高度值的一半*/ }

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-10-23
花鸟风月

长段文档当输入

查看全部

0 采集收起来源：自由缩放属性resize
2015-10-23
gntyu

阴影偏移X：左负右正；Y：上负下正

查看全部

1 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-10-23
gntyu

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; X轴偏移量为负数： .boxshadow-outset{ width:100px; height:100px; box-shadow:-4px 4px 6px #666; }

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-10-23
gntyu

添加多个阴影：以上的语法的介绍，就这么简单，如果添加多个阴影，只需用逗号隔开即可。如： .box_shadow{ box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset; }

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-10-23
gntyu

实心上半圆：方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。 div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ }

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-10-23
慕运维0124838

2、none为默认值，当值为 none 时，将没有任何动画效果,这可以用于覆盖任何动画。

查看全部

0 采集收起来源：CSS3中调用动画
2015-10-23
keer_ouyang

作业练习要注意检查兼容性的标签 @keyframes和animation和transform -webkit- -moz- -o- @-webkit-keyframes around{ 0% { -webkit-transform: translateX(0); } 25%{ -webkit-transform: translateX(180px); } 50%{ -webkit-transform: translate(180px, 180px); } 75%{ -webkit-transform:translate(0,180px); } 100%{ -webkit-transform: translateY(0); } } div { width: 200px; height: 200px; border: 1px solid red; margin: 20px auto; } div span { display: inline-block; width: 20px; height: 20px; background: orange; border-radius: 100%; -webkit-animation-name:around; -webkit-animation-duration: 10s; -webkit-animation-timing-function: ease; -webkit-animation-delay: 1s; -webkit-animation-iteration-count:infinite; }

查看全部

0 采集收起来源：CSS3中调用动画
2015-10-23
西域码农

:selection选择器 “::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下，用鼠标选择网页文本是以“深蓝的背景，白色的字体”显示的。注意： 1、IE9+、Opera、Google Chrome 以及 Safari 中支持 ::selection 选择器。 2、Firefox 支持替代的 ::-moz-selection。

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2015-10-23

首页上一页 722 723 724 725 726 727 728 下一页尾页

0/150

提交

取消

开始学习

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

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