慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

HelloYangfan

:not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。 input:not([type="submit"]){ border:1px solid red; }

查看全部

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

:root选择器，从字面上我们就可以很清楚的理解是根选择器，匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html>。 “:root”选择器等同于<html>元素 :root {background:orange;} html {background:orange;} 建议使用:root方法。另外在IE９以下还可以借助“:root”实现hack功能。

查看全部

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

CSS3在CSS2的基础上对属性选择器进行了扩展，新增了3个属性选择器，使得属性选择器有了通配符的概念。 E[class^="val"] 选择匹配元素E，且E元素定义了属性attr，其属性值以val开头的任何字符串。 E[class$="val"] 选择匹配元素E，且E元素定义了属性attr，其属性值以val结尾的任何字符串。 E[class*="val"] 选择匹配元素E，且E元素定义了属性attr，其属性值任意位置包含了"val"。

查看全部

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

multiple backgrounds 多重背景，也就是CSS2里background的属性外加origin、clip和size组成的新background的多次叠加，缩写时为用逗号隔开的每组值；用分解写法时，如果有多个背景图片，而其他属性只有一个（例如background-repeat只有一个），表明所有背景图片应用该属性值。语法缩写如下： background ： [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],... 可以把上面的缩写拆解成以下形式： background-image:url1,url2,...,urlN; background-repeat : repeat1,repeat2,...,repeatN; backround-position : position1,position2,...,positionN; background-size : size1,size2,...,sizeN; background-attachment : attachment1,attachment2,...,attachmentN; background-clip : clip1,clip2,...,clipN; background-origin : origin1,origin2,...,originN; background-color : color; 注意：用逗号隔开每组 background 的缩写值；如果有 size 值，需要紧跟 position 并且用 "/" 隔开；如果有多个背景图片，而其他属性只有一个（例如 background-repeat 只有一个），表明所有背景图片应用该属性值。 background-color 只能设置一个。 ******特别注意：url与url之间用逗号"," 只有最后一个url的末尾用分号"；"

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2018-03-22
凤仪

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
凤仪

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

查看全部

0 采集收起来源：CSS3背景 background-clip
2015-03-23
慕前端4408879

:disabled选择器

查看全部

0 采集收起来源：CSS3选择器 :disabled选择器
2015-03-23
慕前端4408879

:enabled选择器在Web的表单中，有些表单元素有可用（“:enabled”）和不可用（“:disabled”）状态 input[type="text"]:enabled{ }

查看全部

0 采集收起来源：CSS3选择器 :enabled选择器
2018-03-22
慕前端4408879

only-of-type选择器 “:only-of-type”是表示一个元素他有很多个子元素，而其中只有一种类型的子元素是唯一的，使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。

查看全部

0 采集收起来源：CSS3 only-of-type选择器
2015-03-23
慕前端4408879

only-child选择器匹配的元素的父元素中仅有一个子元素可直接:only-child 定位所有独生子元素，也可以添加条件如 li:only-child（独生li）或 ul>li:only-child 等

查看全部

0 采集收起来源：CSS3 only-child选择器
2018-03-22
慕前端4408879

nth-last-of-type(n)选择器

查看全部

0 采集收起来源：CSS3 nth-last-of-type(n)选择器
2015-03-23
慕前端4408879

last-of-type选择器

查看全部

0 采集收起来源：CSS3 last-of-type选择器
2015-03-23
慕前端4408879

nth-of-type(n)选择器与:nth-child(n)类似

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2015-03-23
慕前端4408879

first-of-type选择器定位父元素下第一个某类型的子元素 .wrapper>p:first-of-type{ } class wrapper下第一个p

查看全部

0 采集收起来源：CSS3 first-of-type选择器
2018-03-22
慕前端4408879

结构性伪类选择器—nth-last-child(n) 设置倒数第n个元素的属性

查看全部

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

首页上一页 1046 1047 1048 1049 1050 1051 1052 下一页尾页

0/150

提交

取消

开始学习

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

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