慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

Chris哥

:root{} 根始终是<html>

查看全部

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

E[attribute]:带有指定属性的元素 E[attribute="value"]:带有属性和值的元素 E[attribute~="value"]：属性值中包含指定的词汇 E[attribute|="value"]:整个单词，指定开头词汇 E[attribute^="value"]:首字 E[attribute$="value"]:结尾 E[attribute*="value"]：带有指定的元素

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
聚散云烟

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式] X轴偏移量：必需，水平阴影的位置，允许负值。 Y轴偏移量：必需，垂直阴影的位置，允许负值。阴影模糊半径：可选，模糊距离。阴影扩展半径：可选，阴影的尺寸。阴影颜色：可选，阴影的颜色，省略默认为黑色。投影方式：可选，（调置inset时为内部阴影方式，如果省略为外阴影方式）注意：inset可以写在参数的第一个或最后一个，其他位置是无效的。

查看全部

1 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-02-24
Miss馬也

:target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素。 #brand:target { background: orange; color: #fff; } #jake:target { background: blue; color: #fff; } #aron:target { background: red; color: #fff; } #brand:target p { background: orange; color: #fff; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2015-02-06
Miss馬也

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

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2015-02-06
Miss馬也

div:not([id="footer"]){ background: orange; } input:not([type="submit"]){ border:1px solid red; }

查看全部

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

“:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;}

查看全部

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

a[class^="column"]{ background:red;} a[href$="doc"]{ background:green;} a[title*="box"]{ background:blue;}

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
兔兔的奶爸

完美解决问题，请全屏运行或拷贝到本地运行！

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-02-28
Miss馬也

伪元素不是很懂

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2015-02-06
Miss馬也

background ： [background-color] | [background-image] | [background-position][/background-size] | [background-repeat] | [background-attachment] | [background-clip] | [background-origin],...

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2015-02-06
Miss馬也

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

查看全部

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

阴影 box-shadow（一） box-shadow是向盒子添加阴影。支持添加一个或者多个。很简单的一段代码，就实现了投影效果，酷毙了。我们来看下语法： box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-02-06
兔兔的奶爸

li没设置relative 而且动画名的语法也有问题所以很多效果不对！现在动画写的不是很好，懒得弄了~

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-02-06
Miss馬也

background-clip ： border-box | padding-box | content-box | no-clip 参数分别表示从边框、或内填充，或者内容区域向外裁剪背景。no-clip表示不裁切，和参数border-box显示同样的效果。backgroud-clip默认值为border-box。

查看全部

0 采集收起来源：CSS3背景 background-clip
2015-02-06

首页上一页 1105 1106 1107 1108 1109 1110 1111 下一页尾页

0/150

提交

取消

开始学习

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

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