慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

qq_追_梦_0

前缀应用

查看全部

0 采集收起来源：什么是CSS3？
2016-05-28
慕盖茨6421918

background:rgba(255,255,255,0.5); 设置RGBA

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2016-05-28
慕盖茨6421918

border-image:url(borderimg.png) 70 stretch 图片延伸方式三个可选参数分别是: 1.round（平铺）可以理解为圆满的铺满，为了实现圆满会压缩或拉伸。 2.repeat(重复)就是一直重复，超出的部分被裁剪掉，而且是居中开始重复。 3.stretch(拉伸) 就是拉伸，中间的部分会被拉伸

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2016-05-28
慕盖茨6421918

box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径（越大越模糊）] [阴影扩展半径（越大阴影面积越大）] [阴影颜色] [投影方式];<br> 1.X轴偏移量 Y轴偏移量是必需的<br> 2.投影方式：设置inset时为内阴影，省略则为外阴影(inset只能放在参数的第一个或最后一个)<br> 3.还能设置多个通过逗号隔开 3.X轴：正-右，负-左<br> 4.Y轴：正-下，负-上

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2018-03-22
沉风chen

导航的竖线 background: #f65f57 no-repeat right/ 1px 15px linear-gradient(to right, #dd2926,#a82724);

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2016-05-28
沉风chen

border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 10 round;

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2016-05-28
七寒谷

animation-iteration-count属性定义动画应该播放多少次语法： animation-iteration-count：infinite | <number> 取值：默认值：1 infinite：无限循环 <number>：指定对象动画的具体循环次数

查看全部

0 采集收起来源：CSS3中调用动画
2018-03-22
一世恋你

/*使用伪元素制作导航列表项分隔线*/ /*.nav li:after{ content:"|"; position:absolute; right:0; color:-webkit-rgba(0,0,0,0.5); color:-moz-rgba(0,0,0,0.5); color:-ms-rgba(0,0,0,0.5); color:-o-rgba(0,0,0,0.5); }*/ .nav li:after{ content:""; position:absolute; right:0; width:2px; height:13px; background:#000; top:19px; background-image:-webkit-radial-gradient(2px 8px,#000,#F65F57); background-image:-moz-radial-gradient(2px 8px,#000,#F65F57); background-image:-ms-radial-gradient(2px 8px,#000,#F65F57); background-image:-o-radial-gradient(2px 8px,#000,#F65F57); } /*删除第一项和最后一项导航分隔线*/ .nav li:last-child:after{ content:""; background:none; }

查看全部

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

border边框：10px边框粗10px dashed边框方式（虚线） #000边框颜色

查看全部

0 采集收起来源：CSS3背景 background-origin
2016-05-27
慕沐0834782

dashed、虚线; solid、实线 ;dotted 点线

查看全部

1 采集收起来源：CSS3背景 background-origin
2016-05-27
changesen

Responsive设计——meta标签 meta标签被称为可视区域meta标签，其使用方法如下。 <meta name=”viewport” content=”” /> 在实际项目中，为了让Responsive设计在智能设备中能显示正常，也就是浏览Web页面适应屏幕的大小，显示在屏幕上，可以通过这个可视区域的meta标签进行重置，告诉他使用设备的宽度为视图的宽度，也就是说禁止其默认的自适应页面的效果，具体设置如下： <meta name=”viewport” content=”width=device-width,initial-scale=1.0” /> 另外一点，由于Responsive设计是结合CSS3的Media Queries属性，才能尽显Responsive设计风格，但大家都清楚，在IE6-8中完全是不支持CSS3 Media。下面我们一起来看看CSS3 Meida Queries在标准设备上的运用，大家可以把这些样式加到你的样式文件中，或者单独创建一个名为“responsive.css”文件，并在相应的条件中写上你的样式，让他适合你的设计需求。脚本下载地址： media-queries.js(http://code.google.com/p/css3-mediaqueries-js/) respond.js(https://github.com/scottjehl/Respond) <!—[if lt IE9]> <scriptsrc=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js></script> <![endif]>

查看全部

0 采集收起来源：Responsive设计——meta标签
2018-03-22
qq_四月飞扬_0

“::after”和"::before“分别表示在元素后插入内容和在元素前插入内容，通常配合content一起使用，使用场景最多的就是清除浮动

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2018-03-22
qq_四月飞扬_0

":read-write"与":read-only"选择器相反，用于定义当元素处于非只读状态时的样式

查看全部

0 采集收起来源：CSS3选择器 :read-write选择器
2018-03-22
qq_四月飞扬_0

":read-only"选择器用来指定处于只读状态元素的样式，火狐下要添加－moz前缀

查看全部

0 采集收起来源：CSS3选择器 :read-only选择器
2018-03-22
qq_四月飞扬_0

"::selection"选择器是可以用来定义在鼠标选择文本时的样式火狐浏览器下要加前缀，"::-moz-selection"

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2018-03-22

首页上一页 513 514 515 516 517 518 519 下一页尾页

0/150

提交

取消

开始学习

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

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