慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

阿斯顿CCC

input[type="text"]:enabled { } input[type="text"]:disabled { } 匹配可用和不可用元素，常用于表单元素

查看全部

0 采集收起来源：CSS3选择器 :enabled选择器
2018-03-22
阿斯顿CCC

<div class="post"> <p>我是一个段落</p> <p>我是一个段落</p> </div> <div class="post"> <p>我是一个段落</p> </div> .post p { background: green; color: #fff; padding: 10px; } .post p:only-child { background: orange; } 最终匹配到的是p元素而不是div元素

查看全部

0 采集收起来源：CSS3 only-child选择器
2018-03-22
阿斯顿CCC

.wrapper > p:nth-last-of-type(3){ background: orange; }

查看全部

0 采集收起来源：CSS3 nth-last-of-type(n)选择器
2018-03-22
阿斯顿CCC

.wrapper > p:last-of-type{ background: orange; }

查看全部

0 采集收起来源：CSS3 last-of-type选择器
2018-03-22
阿斯顿CCC

.wrapper > p:nth-of-type(2n){ background: orange; }

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2018-03-22
阿斯顿CCC

“:first-of-type”选择器类似于“:first-child”选择器，不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。 /*我要改变第一个段落的背景为橙色*/ .wrapper > p:first-of-type { background: orange; }

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2018-03-22
阿斯顿CCC

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

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-last-child(n)
2016-02-09
阿斯顿CCC

(四)结构性伪类选择器—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的时候，不选择任何匹配的元素。如下表所示： n[0 1 2 3 ...] 2n[2 4 6 8 10...] 2n+1[1 3 5 7 9...] 4n+1[1 5 9 13...] 4n+4[4 8 12 16 20...] 5n-2[3 8 13 18 23...] -n-3[3 2 1 0 -1 -2 -3...]

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2016-02-09
阿斯顿CCC

first-child是选择父元素的第一个子元素的元素E。先上一层在下一层。 ul>li:first-child 选的是第一个li ul：first-child 选的是整个ul（ul到body再回到ul）

查看全部

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

:empty选择器表示的就是空。用来选择没有任何内容的元素，这里没有内容指的是一点内容都没有，哪怕是一个空格。 p:empty{ display:none; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2016-02-09
阿斯顿CCC

除submit外的input元素 input:not([type="submit"]){ border:1px solid red; } div:not([id="id"]){ } div和冒号之间不可以有空格

查看全部

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

①E[attr^="val"] 以val开头 ②E[attr$="val"] 以val结尾 ③E[attr*="val"] 包含val

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
阿斯顿CCC

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

查看全部

0 采集收起来源：CSS3背景 background-size
2018-03-22
阿斯顿CCC

用来将背景图片做适当的裁剪以适应实际需要。语法： background-clip ： border-box | padding-box | content-box | no-clip 参数分别表示从边框、或内填充，或者内容区域向外裁剪背景。no-clip表示不裁切，和参数border-box显示同样的效果。backgroud-clip默认值为border-box。

查看全部

0 采集收起来源：CSS3背景 background-clip
2016-02-09
阿斯顿CCC

设置元素背景图片的原始起始位置。语法： background-origin ： border-box | padding-box | content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。

查看全部

0 采集收起来源：CSS3背景 background-origin
2016-02-09

首页上一页 635 636 637 638 639 640 641 下一页尾页

0/150

提交

取消

开始学习

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

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