慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

等待消散

“:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;} 得到的效果等同。建议使用:root方法。

查看全部

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

在CSS2中引入了一些属性选择器，而CSS3在CSS2的基础上对属性选择器进行了扩展，新增了3个属性选择器，使得属性选择器有了通配符的概念，这三个属性选择器与CSS2的属性选择器共同构成了CSS功能强大的属性选择器。如下表所示： (单击可放大) 实例展示： html代码： <a href="xxx.pdf">我链接的是PDF文件</a> <a href="#" class="icon">我类名是icon</a> <a href="#" title="我的title是more">我的title是more</a> css代码 a[class^=icon]{ background: green; color:#fff; } a[href$=pdf]{ background: orange; color: #fff; } a[title*=more]{ background: blue; color: #fff; }

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
等待消散

element[att^="val"] 以val开头的的任何字符 element[att$="val"] val结尾的任何字符 element[att*="val"] 任意位置包含了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 只能设置一个。

查看全部

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。

查看全部

0 采集收起来源：CSS3背景 background-clip
2015-05-18
等待消散

设置元素背景图片的原始起始位置。语法： background-origin ： border-box | padding-box | content-box;

查看全部

0 采集收起来源：CSS3背景 background-origin
2015-05-18
Jacee

彩虹渐变：background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2015-05-17
墨涤

这个群组选择器好强大比较css2 灵活性加强了不错不错！

查看全部

0 采集收起来源：CSS3选择器属性选择器
2015-05-17
Jacee

阴影模糊半径与阴影扩展半径的区别阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小；

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（二）
2015-05-17
墨涤

基本用的都是同一套代码，如果觉得麻烦一般可以用<a calss="juli">|</a> <style> .juli{padding:2px 4px}//具体由设计稿的来定这样就是稍微有点麻烦，看了还是要好好掌握css3才行。。。 </style>

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2018-03-22
花花丹

【@font-face】可以加载服务器上的字体，即使用户电脑里没有装。 @font-face { font-family: "MOOC Font"; src: url("http://www.imooc.com/Amaranth-BoldItalic.otf"); } div{ font-family: "MOOC Font"; }

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2018-03-22
花花丹

【文字溢出时显示省略号】 text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-05-17
花花丹

-webkit :chrome safari -moz :firefox -ms :IE -o :opera

查看全部

0 采集收起来源：什么是CSS3？
2015-05-17
墨涤

@font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } p { font-size :12px; font-family : "My Font"; /*必须项，设置@font-face中font-family同样的值*/ /*类似于子类继承父类的属性*/ }

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2018-03-22

首页上一页 946 947 948 949 950 951 952 下一页尾页

0/150

提交

取消

开始学习

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

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