慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

寰者

background-image:url(http://static.mukewang.com/static/img/logo_index.png), url(http://static.mukewang.com/static/img/logo_index.png); background-position:left top,150px 80px; background-repeat:no-repeat,no-repeat; background-size:200px 70px,150px 50px;

查看全部

0 采集收起来源：CSS3背景 multiple backgrounds
2015-02-16
寰者

.task { width: 300px; height: 140px; border: 1px solid #999; background-image:url(http://static.mukewang.com/static/img/logo_index.png), url(http://static.mukewang.com/static/img/logo_index.png); background-position:left top,150px 80px; background-repeat:no-repeat,no-repeat; background-size:200px 70px,150px 50px; }

查看全部

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

在Chrome里要实现outline-offset效果，只要额外写一行即可： div { padding: 20px; margin: 30px; outline: red solid 2px; outline-offset: 3px; border: 2px solid green; }

查看全部

0 采集收起来源：自由缩放属性resize
2015-02-16
沉默是今晚的康桥

实心上半圆：方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。 div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ } 实心圆：方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半。如下代码： div{ height:100px;/*与width设置一致*/ width:100px; background:#9da; border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/ }

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-02-16
6682724472

:first-child”选择器定位列表中的第一个列表项，并将序列号颜色变为红色。

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—first-child
2015-02-16
傲娇的向日葵

注意read-only和disabled之间的区别。

查看全部

0 采集收起来源：CSS3选择器 :read-only选择器
2015-02-16
张灏哲

/*使用伪元素制作导航列表项分隔线*/ .nav li:after{ content:" "; width:1px; height:24px; position:absolute; top:14px; right:0px; background:-moz-linear-gradient(top, #ccc, #000,#ccc); background:-webkit-linear-gradient(top, #ccc,#000,#ccc); } /*删除第一项和最后一项导航分隔线*/ .nav li:last-child:after{ width:0px; }

查看全部

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

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

查看全部

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

没懂起

查看全部

0 采集收起来源：CSS3选择器 :enabled选择器
2015-02-15
6682724472

:not可以选择除某个元素之外的所有元素

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2015-02-15
6682724472

html和:root，有共性

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2015-02-15
傲娇的向日葵

odd 和 even 是可用于匹配下标是奇数或偶数的子元素的关键词（第一个子元素的下标是1） n 是计数器（从 0 开始）

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2015-02-15
iOSnow

在Responsive布局中，可以毫无保留的丢弃：第一，尽量少用无关紧要的div；第二，不要使用内联元素（inline）；第三，尽量少用JS或flash；第四，丢弃没用的绝对定位和浮动样式；第五，摒弃任何冗余结构和不使用100%设置。有舍才有得，丢弃了一些对Responsive有影响的东东，那么有哪些东东能帮助Responsive确定更好的布局呢？第一，使用HTML5 Doctype和相关指南；第二，重置好你的样式（reset.css）；第三，一个简单的有语义的核心布局；第四，给重要的网页元素使用简单的技巧，比如导航菜单之类元素。

查看全部

0 采集收起来源：Responsive布局技巧
2015-02-25
Pony_Fisher

有问题

查看全部

0 采集收起来源：CSS3 nth-of-type(n)选择器
2015-02-15
李宇阳

X-Offset：表示阴影的水平偏移距离，其值为正值时阴影向右偏移，反之向左偏移； Y-Offset：是指阴影的垂直偏移距离，如果其值是正值时，阴影向下偏移，反之向上偏移； Blur：是指阴影的模糊程度，其值不能是负值，如果值越大，阴影越模糊，反之阴影越清晰，如果不需要阴影模糊可以将Blur值设置为0； Color：是指阴影的颜色，其可以使用rgba色。比如，我们可以用下面代码实现设置阴影效果。 text-shadow: 0 1px 1px #fff

查看全部

0 采集收起来源：CSS3文字与字体文本阴影text-shadow
2015-02-15

首页上一页 1092 1093 1094 1095 1096 1097 1098 下一页尾页

0/150

提交

取消

开始学习

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

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