慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

记忆的流沙

单选按钮

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2015-04-08
回_眸

可以单独缩放，也可以同时缩放，取值范围是0.01-0.99

查看全部

0 采集收起来源：CSS3中的变形--缩放 scale()
2015-04-08
lingyun

通过 @keyframes能够创建动画。而@keyframes run 的run是动画animation的名称。0%，50%，100%是动画时长的百分比。

查看全部

1 采集收起来源：什么是CSS3？
2015-04-08
羽川san

白色的RGB值为(255,255,255)

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2015-04-07
羽川san

<!doctype html> <html> <head> <meta charset="utf-8"> <title>边框图片</title> <style> #border_image { margin:0 auto; height:100px; line-height:100px; text-align:center; font-size:30px; width:450px; border:15px solid #ccc; border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 10 10 10 10 repeat; } </style> </head> <body> <div id="border_image"> 请为我镶嵌上漂亮的画框吧 </div> </body> </html>

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2018-03-22
羽川san

<!doctype html> <html> <head> <meta charset="utf-8"> <title>边框图片</title> <style> #border_image { margin:0 auto; height:100px; line-height:100px; text-align:center; font-size:30px; width:450px; border:15px solid #ccc; border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 10 10 10 10 repeat; } </style> </head> <body> <div id="border_image"> 请为我镶嵌上漂亮的画框吧 </div> </body> </html>

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2018-03-22
BerthaPeng

此处垂直居中，外层div要设置height，否则不能成功？

查看全部

0 采集收起来源：CSS3 伸缩布局（二）
2015-04-07
回_眸

有点繁琐。

查看全部

0 采集收起来源：切换背景图像综合练习题
2015-04-07
金名

但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap;

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2015-04-07
ylm714

制作3D旋转视频展示区

查看全部

0 采集收起来源：制作3D旋转视频展示区
2015-04-07
达梅隆

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 参数介绍：注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。为元素设置外阴影：示例代码： .box_shadow{ box-shadow:4px 2px 6px #333333; } 效果：

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-04-07
ylm714

根据用户的使用设备的当前宽度，你的Web页面将加载一个备用的样式，实现特定的页面风格。

查看全部

0 采集收起来源：Responsive设计（一）
2015-04-07
vivvn_chen

制作3D旋转视频展示区

查看全部

0 采集收起来源：制作3D旋转视频展示区
2015-04-07
vivvn_chen

CSS生成内容在Web中插入内容，在CSS2.1时代依靠的是JavaScript来实现。但进入CSS3进代之后我们可以通过CSS3的伪类“:before”，“:after”和CSS3的伪元素“::before”、“::after”来实现，其关键是依靠CSS3中的“content”属性来实现。不过这个属性对于img和input元素不起作用。 none——不生成任何内容 attr——插入标签属性值 url——使用指定的绝对或相对地址插入一个外部资源（图像，声频，视频或浏览器支持的其他任何资源） string——插入字符串实例展示：在CSS中有一种清除浮动的方法叫“clearfix”。而这个“clearfix”方法就中就使用了“content”，只不过只是在这里插入了一个空格。如下所示： .clearfix:before, .clearfix:after { content:””; display:table; } .clearfix:after { clear:both; overflow:hidden; } 上面这个示例是最常见的，也是最简单的，我们再来看一个插入元素属性值的方法。假设我们有一个元素： <a href="##" title="我是一个title属性值，我插在你的后面">我是元素</a> 可以通过”:after”和”content:attr(title)”将元素的”title”值插入到元素内容“我是元素”之后： a:after { content:attr(title); color:#f00; }

查看全部

0 采集收起来源：CSS生成内容
2018-03-22
vivvn_chen

CSS3外轮廓属性外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。 outline属性早在CSS2中就出现了，主要是用来在元素周围绘制一条轮廓线，可以起到突出元素的作用。但是并未得到各主流浏览器的广泛支持，在CSS3中对outline作了一定的扩展，在以前的基础上增加新特性。outline属性的基本语法如下： outline: ［outline-color］ || [outline-style] || [outline-width] || [outline-offset] || inherit 从语法中可以看出outline和border边框属性的使用方法极其类似。outline-color相当于border-color、outline-style相当于border-style，而outline-width相当于border-width，只不过CSS3给outline属性增加了一个outline-offset属性，其取值说明如下。 outline-color——定义轮廓线的颜色，属性值为CSS中定义的颜色值。在实际应用中，可以将此参数省略，省略时此参数的默认值为黑色。 outline-style——定义轮廓线的样式，属性为CSS中定义线的样式。在实际应用中，可以将此参数省略，省略时此参数的默认值为none，省略后不对该轮廓线进行任何绘制。 outline-width——定义轮廓线的宽度，属性值可以为一个宽度值。在实际应用中，可以将此参数省略，省略时此参数的默认值为medium，表示绘制中等宽度的轮廓线。 outline-offset——定义轮廓边框的偏移位置的数值，此值可以取负数值。当此参数的值为正数值，表示轮廓边框向外偏离多少个像素；当此参数的值为负数值，表示轮廓边框向内偏移多少个像素。 inherit——元素继承父元素的outline效果。

查看全部

0 采集收起来源：CSS3外轮廓属性
2015-04-07

首页上一页 1006 1007 1008 1009 1010 1011 1012 下一页尾页

0/150

提交

取消

开始学习

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

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