慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

真的不潇洒

目前，我还不会伪类，等回头，把这道题补上。

查看全部

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

“:root”选择器等同于<html>元素，简单点说： :root{background:orange} html {background:orange;} 得到的效果等同。建议使用:root方法。另外在IE９以下还可以借助“:root”实现hack功能。

查看全部

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

改版后

查看全部

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

CSS属性选择器： E[att^=val]{...}【表示E元素集合中选择属性att中value开头是val的元素】 E[att$=val]{...}【表示E元素集合中选择属性att中value结尾是val的元素】 E[att*=val]{...}【表示E元素集合中选择属性att中任意位置有val的元素】

查看全部

0 采集收起来源：CSS3选择器属性选择器
2015-07-02
孤落无痕

:after和::after用法一样，只不过::afteer是css3特有的

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2015-07-02
真的不潇洒

张鑫旭的css3在线中文参考，算是对以前的background的各个属性的总结。 http://www.zhangxinxu.com/css3/css3-multiple-backgrounds.php

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2015-07-02
JIMJIM

伪元素

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2015-07-02
真的不潇洒

这里主要注意的问题就是属性和值，根据浏览器的内核有一定的bug更多详情，得看大漠的帖子。 http://www.w3cplus.com/content/css3-background-clip

查看全部

0 采集收起来源：CSS3背景 background-clip
2015-07-02
真的不潇洒

此种方法，容易让背景图片失真，请慎用 http://www.w3cplus.com/content/css3-background-size

查看全部

0 采集收起来源：CSS3背景 background-size
2015-07-02
真的不潇洒

border中，背影颜色的默认值是从边框的外部顶点开始算起的，而背景图片的默认起始位置是从padding左上角顶点开始的。还有个兼容问题，就是后面的值是否要加上box，这篇文章可以参考http://www.w3cplus.com/content/css-background-origin/；

查看全部

0 采集收起来源：CSS3背景 background-origin
2015-07-02
真的不潇洒

看到这个貌似熟悉的属性我就情不自禁的想到了，box-shadow属性，两者的区别与联系：两个都是制造阴影的，前两个参数都是X轴和Y轴的阴影坐标，最后一个参数都是阴影的颜色，并且都可以用逗号隔开写多个阴影效果，不同的是，box-shadow在坐标后接两个参数，阴影的模糊度和扩展大小，这里面的详细区别http://blog.csdn.net/freshlover/article/details/7610269；text-shadow，在坐标后只有一个参数，阴影的模糊度。

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2015-07-02
真的不潇洒

src可以接入多个属性，更多资料参考http://www.cnblogs.com/hustskyking/p/manufacture-font-face-in-web.html 关于ie7和ie8对font-face有些锯齿上的bug，要参考张鑫旭大哥的链接http://www.zhangxinxu.com/wordpress/2009/12/%E7%BF%BB%E8%AF%91-ie78font-face%E5%B5%8C%E5%85%A5%E5%AD%97%E4%BD%93%E4%B8%8E%E6%96%87%E5%AD%97%E5%B9%B3%E6%BB%91/

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2015-07-02
真的不潇洒

在单行本问下超出出现省略号，自然是使用text-overflow:ellipsis; 但是在多行文本下css如何实现末尾出现省略号，参考此网站下http://www.css88.com/webkit/-webkit-line-clamp/ 使用display：-webkit-box；模型，用-webkit-line-clamp：后面标志在哪一行出现省略号。-webkit-box-orient:为box伸缩盒子下的属性。具体用法链接http://www.css88.com/book/css/properties/flexible-box/box-orient.htm

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-07-02
Presist丶沈

box-shadow属性：第一个参数为x轴属性，必输，如果是正数则按照元素的右边框边界向外，如果是负数则按照元素左边框向作；第二个参数，必输，如果是正数则按照元素的下边界向下，如果是负数则按照元素上边框向上算；第三个参数为阴影模糊的半径，不可为负数，可以调整阴影模糊的程度，如果没有第四个参数，则这个参数可省略，如果有则不可以被省略；第四个参数，阴影的扩展半径，扩展是按照阴影中心向四周辐射拓展，如果为1px则四个方向分别阴影部分加1px，那么阴影总大小，宽度加2px，高度加2px，此项也不可为负值，可以省略；第五个参数为阴影颜色，支持关键字如果不写默认为黑色；第六个参数为投影方式，如果不写则为外阴影，如果为inset则为内阴影；（不知道为什么没有相对应的outset外部阴影方式）如果想多次添加效果，则用逗号分割开；类似于数组类型； PS:经过刚测试第六个参数没有相对应的inset属性，整体的box-shadow没有分别写的属性，例如border-color的box-shadow-color；有过有这方面研究的同学，请留言下，我们来共同进步；

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-07-02
迩的幸福丶俄赞助

ol > li:nth-last-child(5) ol中子代li元素中从最后一个元素起倒数第5个元素

查看全部

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

首页上一页 892 893 894 895 896 897 898 下一页尾页

0/150

提交

取消

开始学习

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

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