-
结构性伪类选择器—not :not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。查看全部
-
结构性伪类选择器—root :root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html>。 示例演示： 通过“:root”选择器设置背景颜色 HTML代码： <div>:root选择器的演示</div> CSS代码： :root { background:orange; }查看全部
-
属性选择器： E[att^="value"]选择匹配元素E，且E定义了熟悉att，其属性值以value开头的任何字符串。 E[att$="value"]选择匹配元素E，且E定义了熟悉att，其属性值以value结束的任何字符串。 E[att*="value"]选择匹配元素E，且E定义了熟悉att，其属性值以value任意位置的任何字符串。查看全部
-
4-2查看全部
-
什么是CSS3？ CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。 在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。 前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera 相信CSS3的时代马上就要到来了！ IE党注意了：此课程不支持IE9版本以下，建议使用 chrome、safari、firefox、opera浏览器的最高版本学习本课程查看全部
-
对比三 用content内容里添加|分隔符来代替宽度的渐变颜色查看全部
-
对比2 其实只要写before或者after其中的一个就好了查看全部
-
文本阴影text-shadow 示例： text-shadow: 2px 2px 0 #E4F1FF;查看全部
-
渐变色彩 之线性渐变：linear-gradient CSS3 Gradient分为线性渐变(linear)和径向渐变(radial)。由于不同的渲染引擎实现渐变的语法不同，这里我们只针对线性渐变的W3C标准语法来分析其用法，其余大家可以查阅相关资料。W3C语法已经得到了IE10+、Firefox19.0+、Chrome26.0+和Opera12.1+等浏览器的支持。 实例： background-image:linear-gradient(to top left,red, orange,yellow,green,blue,indigo,viole); 渐变方向：to top 从下向上(0deg)；to right 从左向右(90deg)； to bottom 从上到下（默认 180deg）；to left从右向左(270deg)；to top left 从右下角到左上角； to top right从左下角到右上角查看全部
-
为什么left:0会将li两边的分割线给（合并？）最后一个li的after分割线会消失？查看全部
-
RGBA：RGB为颜色值 A为透明度 以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数，取值在0~1之间，不可为负值。 代码示例： background-color:rgba(100,120,60,0.5);查看全部
-
border-image:为边框应用图片 语法： border-image:url(border.png) 70 70 70 70 repeat; 可省略px，也可适用百分比，遵循顺时针，可简写成70； 图片延伸方式：repeat(重复) round（平铺）stretch（拉伸）查看全部
-
不会设置background-color属性查看全部
-
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的缩写值；如果有size值，需要紧跟position并且用"/"隔开；分解写法时，background-color只能设置一个。查看全部
-
.wrapper > div:nth-of-type(2n+1), .wrapper > p:nth-of-type(2n){ background: orange; } /*或者*/ .wrapper > div:nth-of-type(2n-1), .wrapper > p:nth-of-type(2n){ background: orange; } /*或者*/ .wrapper > div:nth-of-type(odd), .wrapper > p:nth-of-type(even){ background: orange; }查看全部
举报
0/150
提交
取消