慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

yangyuan

column-count属性主要用来给元素指定想要的列数和允许的最大列数。其语法规则： column-count：auto | <integer> 取值说明：属性值属性值说明 auto 此值为column-count的默认值，表示元素只有一列，其主要依靠浏览器计算自动设置。 <integer> 此值为正整数值，主要用来定义元素的列数，取值为大于0的整数，负值无效。

查看全部

0 采集收起来源：CSS3 多列布局——column-count
2018-03-22
专注的前端工程师

:read-write选择器 “:read-write”选择器刚好与“:read-only”选择器相反，主要用来指定当元素处于非只读状态时的样式。

查看全部

0 采集收起来源：CSS3选择器 :read-write选择器
2016-03-25
专注的前端工程师

placeholder属性提供可描述输入字段预期值的提示信息（hint）。该提示会在输入字段为空时显示，并会在字段获得焦点时消失。注释：placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password。第二十节 :read-only选择器 “:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是，元素中设置了“readonly=’readonly’” input[type="text"]:-moz-read-only{ border-color: #ccc; } input[type="text"]:read-only{ border-color: #ccc; }

查看全部

2 采集收起来源：CSS3选择器 :read-only选择器
2018-03-22
专注的前端工程师

::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。通过“::selection”选择器，将Web中选中的文本背景变成红色，文本变成绿色。 HTML代码： <p>“::selection”伪元素是用来匹配突出显示的文本。浏览器默认情况下，选择网站文本是深蓝的背景，白色的字体，</p> CSS代码： //在FF浏览器需要添加前缀 ::-moz-selection { background: red; color: green; } ::selection { background: red; color: green; }

查看全部

2 采集收起来源：CSS3选择器 ::selection选择器
2018-03-22
专注的前端工程师

:checked选择器在表单元素中，单选按钮和复选按钮都具有选中和未选中状态。（大家都知道，要覆写这两个按钮默认样式比较困难）。在CSS3中，我们可以通过状态选择器“:checked”配合其他标签实现自定义样式。而“:checked”表示的是选中状态。

查看全部

0 采集收起来源：CSS3选择器 :checked选择器
2016-03-25
suygfht

/*使用伪元素制作导航列表项分隔线*/ .nav li:after{ content:""; position:absolute; right:0px; top:20px; height:15px; width:1px; background:linear-gradient(to bottom,#f82f87,#B0363F,#f82f87); }

查看全部

0 采集收起来源：CSS3背景制作导航菜单综合练习题
2018-03-22
专注的前端工程师

:enabled选择器在Web的表单中，有些表单元素有可用（“:enabled”）和不可用（“:disabled”）状态，比如输入框，密码框，复选框等。在默认情况之下，这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。

查看全部

0 采集收起来源：CSS3选择器 :enabled选择器
2016-03-25
suygfht

background-origin:content-box; 背景图片起始位置

查看全部

0 采集收起来源：CSS3背景 background-origin
2016-03-25
IsYang

animation-fill-mode --> 定义在动画开始之前和结束之后发生的操作。属性值： none: 默认值，表示动画按预期进行和结束，在动画完成其最后一帧时，动画会反转到初始帧处 forwards：表示动画在结束后继续应用最后的关键帧的位置 backwards：会在向元素应用动画样式时迅速应用动画的初始帧 both：元素动画同时具有forwards和backwards效果

查看全部

0 采集收起来源：CSS3中设置动画时间外属性
2018-03-22
suygfht

@font-face{ font-family: "MOOC Font"; src: url("http://www.imooc.com/Amaranth-BoldItalic.otf"); } 自定义字体

查看全部

0 采集收起来源：CSS3文字与字体嵌入字体@font-face
2018-03-22
IsYang

animation-play-state --> 主要用来控制元素动画的播放状态（running | paused）其中running是其默认值，主要作用就是类似于音乐播放器一样，可以通过paused将正在播放的动画停下来，也可以通过running将暂停的动画重新播放，这里的重新播放不一定是从元素动画的开始播放，而是从暂停的那个位置开始播放。另外如果暂停了动画的播放，元素的样式将回到最原始设置状态。

查看全部

0 采集收起来源：CSS3中设置动画的播放状态
2018-03-22
suygfht

background-image:linear-gradient(to top left,red,blue); 渐变色

查看全部

0 采集收起来源：CSS3颜色渐变色彩
2016-03-25
IsYang

@keyframes --> 关键帧 0% ~ 100%之间可以设置多个帧， 0%-100% = from()-to() animation-name --> 主要用来调用@keyframes定义好的动画，定义的动画名称完全一致 animation-duration --> 主要用来设置动画播放时间 animation-timing-function --> 主要用来设置动画的速度形式 animation-delay --> 主要用来设置动画的延迟时间 animation-iteration-count --> 主要用来定义动画的播放次数（可为数值次数 | infinite(无限次数)） animation-direction --> 主要用来设置动画播放方向（normal（默认值，动画的每次循环都是向前播放） | alternate（动画播放在第偶数次向前播放，第奇数次向反方向播放））

查看全部

0 采集收起来源：CSS3中设置动画播放时间
2018-03-22
IsYang

可以为多个css属性设置不同动画，如果全部为相同的为all a{ transition: background 0.8s ease-in 0.3,color 0.6s ease-out 0.3;} 第一个时间的值为 transition-duration，第二个为transition-delay

查看全部

0 采集收起来源：CSS3中的动画--过渡延迟时间 transition-delay
2016-03-25
IsYang

transition-timing-function --> 指过渡的“缓动函数”用来指定过渡的速度形式 transition-timing-function:ease --> 逐渐变慢 transition-timing-function:linear --> 恒速 transition-timing-function:ease-in --> 渐显效果（越来越快） transition-timing-function:ease-out --> 渐隐效果（越来越慢） transition-timing-function:ease-in-out --> 渐显渐隐（先加速再减速）

查看全部

0 采集收起来源：CSS3中的动画--过渡函数 transition-timing-function
2018-03-22

首页上一页 585 586 587 588 589 590 591 下一页尾页

0/150

提交

取消

开始学习

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

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