慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

玲ling玲

切换背景、缩略图、蒙版、透明度、：target、：hover、：not（）、：：before、：：after、：nth-of-type(n)等用法

查看全部

0 采集收起来源：切换背景图像综合练习题
2016-02-16
闽洛汐

1、用逗号隔开每组background的缩写值； 2、如果有size值，需要紧跟position并且用“/”隔开； 3、如果有多个背景图片，而其他属性只有一个，表明所有背景图片应用该属性值； 4、background-color只能设置一个。

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2016-02-16
慕哥1278152

绝对定位的起始位置是padding，而不是content. background-origin:border-box;padding-box;content-box; 背景图像必须是no-repeat;属性时才有效。

查看全部

0 采集收起来源：CSS3背景 background-origin
2016-02-16
闽洛汐

background-size设置背景图片的大小，以长度值或百分比显示，还可以通过cover或contain来对图片进行伸缩。语法： background-size:auto|<长度值>|<百分比>|cover|contain; auto：默认值，不改变背景图片的原始高度和宽度； <长度值>：成对出现如200px 50px，将背景图片宽高依次设置为前面两个值，当设置一个值时，将其作为图片宽度值来等比缩放； <百分比>：0%-100%之间的任何值，将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的树枝，当设置一个值时同上； cover：覆盖，即将背景图片等比缩放以填满整个容器； contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。

查看全部

0 采集收起来源：CSS3背景 background-size
2018-03-22
kelvinwong

9-10不是太懂。

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2016-02-16
Amy1234567

only-child选择器 li:only-child { background: orange; } 唯一的子元素。

查看全部

0 采集收起来源：CSS3 only-child选择器
2016-02-16
Amy1234567

first-of-type选择器通过“:first-of-type”选择器，定位div容器中的第一个p元素（p不一定是容器中的第一个子元素），并设置其背景色为橙色。 .wrapper > p:first-of-type { background: orange; }

查看全部

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

结构性伪类选择器—nth-last-child(n) 选择列表中倒数第五个列表项，将其背景设置为橙色。 ol > li:nth-last-child(5){ background: orange; }

查看全部

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

结构性伪类选择器—nth-child(n) ol li:nth-child(2n-1){ background: green; } //将奇数的li都变成绿色

查看全部

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

结构性伪类选择器—first-child ol > li:first-child{ color: red; }

查看全部

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

结构性伪类选择器—empty div:empty { border: 1px solid green; }//给什么都没有的div标签+上边框

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2016-02-15
Amy1234567

结构性伪类选择器—not 除页脚”div#footer”之外的所有div设置橙色背景色。 div:not([id="footer"]){ background: orange; }

查看全部

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

:root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html> :root{ background:blue } 和 html {background:orange;} 一样

查看全部

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

属性选择器 ^表示开头 $表示结尾 *表示包含举例： a[class^=icon]{ //开头为icon的class名字的a标签 background: green; color:#fff; } a[href$=pdf]{ //结尾为pdf的href的a标签 background: orange; color: #fff; } a[title*=more]{ // background: blue; color: #fff; }

查看全部

0 采集收起来源：CSS3选择器属性选择器
2016-02-15
Amy1234567

background图片定位 background:url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom/150px 40%, url(http://static.mukewang.com/static/img/logo_index.png) no-repeat left top/200px 55%;

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2016-02-15

首页上一页 630 631 632 633 634 635 636 下一页尾页

0/150

提交

取消

开始学习

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

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