慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

嘿嘿哟

::selection”伪元素是用来匹配突出显示的文本。浏览器默认情况下，选择网站文本是深蓝的背景，白色的字体，有的设计要求不使用上图那种浏览器默认的突出文本效果，需要一个与众不同的效果，此时“::selection”伪元素就非常的实用。不过在Firefox浏览器还需要添加前缀

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2015-12-05
学习才能得到更多

<style type="text/css"></style>,属性区必须加上，才能设置属性。

查看全部

0 采集收起来源：CSS3选择器属性选择器
2018-03-22
new__

颜色之RGBA RGB是一种色彩标准，是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。语法： color：rgba(R,G,B,A) 以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数，取值在0~1之间，不可为负值。代码示例： background-color:rgba(100,120,60,0.5);

查看全部

0 采集收起来源：CSS3颜色颜色之RGBA
2015-12-05
嘿嘿哟

box-shadow:边框阴影。例如：box-shadow:0 0 5px #f36;

查看全部

0 采集收起来源：CSS3选择器 :enabled选择器
2015-12-05
嘿嘿哟

placeholder:输入框内提示信息，当按下键盘就会消失例如：placeholder=“请输入用户名”

查看全部

0 采集收起来源：CSS3选择器 :enabled选择器
2015-12-05
new__

http://img1.sycdn.imooc.com//52e2201a0001b1e004720260.jpg

查看全部

0 采集收起来源：CSS3边框为边框应用图片 border-image
2015-12-05
new__

1、阴影模糊半径与阴影扩展半径的区别阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊；阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小； 2、X轴偏移量和Y轴偏移量值可以设置为负数 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

查看全部

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

http://img1.sycdn.imooc.com//54292d620001ffb107080250.jpg 阴影 box-shadow（一） box-shadow是向盒子添加阴影。支持添加一个或者多个。 box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。为元素设置外阴影：示例代码： .box_shadow{ box-shadow:4px 2px 6px #333333; } 为元素设置内阴影：示例代码： .box_shadow{ box-shadow:4px 2px 6px #333333 inset; } 添加多个阴影：如果添加多个阴影，只需用逗号隔开即可。

查看全部

0 采集收起来源：CSS3边框阴影 box-shadow（一）
2015-12-05
new__

圆角效果 border-radius border-radius是向元素添加圆角边框。使用方法： border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-12-05
new__

background-origin 设置元素背景图片的原始起始位置。语法： background-origin ： border-box | padding-box | content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。

查看全部

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

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-12-05
门内的野蛮人

为了在web页中实现类似报纸、杂志的那种多列排版布局，W3C特意给CSS3增加了一个多列布局模块。语法： columns:columns-width || columns-count;

查看全部

0 采集收起来源：CSS3 多列布局——Columns
2015-12-04
一个半桃

四个圆角值都设置为宽度或高度值的一

查看全部

0 采集收起来源：CSS3边框圆角效果 border-radius
2015-12-04
门内的野蛮人

animation-iteration-count主要用来定义动画的播放次数；animation-iteration-count：infinite;表示动画将会无限次播放

查看全部

0 采集收起来源：CSS3中设置动画播放次数
2015-12-04
慕瓜4537511

1、ease：（逐渐变慢）默认值，ease函数等同于贝塞尔曲线(0.25, 0.1, 0.25, 1.0)； 2、linear：（匀速），linear 函数等同于贝塞尔曲线(0.0, 0.0, 1.0, 1.0)； 3、ease-in：(加速)，ease-in 函数等同于贝塞尔曲线(0.42, 0, 1.0, 1.0)； 4、ease-out：（减速），ease-out 函数等同于贝塞尔曲线(0, 0, 0.58, 1.0)； 5、ease-in-out：（加速然后减速），ease-in-out 函数等同于贝塞尔曲线(0.42, 0, 0.58, 1.0)； 6、cubic-bezier：（该值允许你去自定义一个时间曲线），特定的cubic-bezier曲线。 (x1, y1, x2, y2)四个值特定于曲线上点P1和点P2。所有值需在[0, 1]区域内，否则无效。

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2015-12-04

首页上一页 684 685 686 687 688 689 690 下一页尾页

0/150

提交

取消

开始学习

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

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