慕课网

精品课程十天精通CSS3

十天精通CSS3

最热最新

wwweb

旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；负值，元素相对原点中心逆时针旋转。 -webkit-transform: rotate(45deg); transform: rotate(45deg);

查看全部

0 采集收起来源：CSS3变形--旋转 rotate()
2016-07-06
wwweb

使用CSS3知识，实现背景图片的切换效果（不依赖js，点击小图切换大的背景图）

查看全部

0 采集收起来源：切换背景图像综合练习题
2016-07-06
wwweb

::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。 .clearfix::before, .clearfix::after { content: "."; display: block; height: 0; visibility: hidden; } .clearfix:after {clear: both;} .clearfix {zoom: 1;} 阴影效果，也是通过这个来实现的。 .effect::before, .effect::after{ content:""; position:absolute; z-index:-1; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8); -moz-box-shadow:0 0 20px rgba(0,0,0,0.8); box-shadow:0 0 20px rgba(0,0,0,0.8); top:50%; bottom:0; left:10px; right:10px; -moz-border-radius:100px / 10px; border-radius:100px / 10px; }

查看全部

0 采集收起来源：CSS3选择器 ::before和::after
2018-03-22
wwweb

使用“:read-write”选择器来设置不是只读控件的文本框样式

查看全部

0 采集收起来源：CSS3选择器 :read-write选择器
2016-07-05
wwweb

“:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是，元素中设置了“readonly=’readonly’”

查看全部

0 采集收起来源：CSS3选择器 :read-only选择器
2016-07-05
wwweb

::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下，用鼠标选择网页文本是以“深蓝的背景，白色的字体”显示的

查看全部

0 采集收起来源：CSS3选择器 ::selection选择器
2016-07-05
wwweb

表单元素可用与不可用 :enabled :disabled

查看全部

0 采集收起来源：CSS3选择器 :enabled选择器
2016-07-05
wwweb

“:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素，记住是子元素，而不是后代元素 “:last-child”选择器表示的是选择父元素的最后一个子元素的元素E。 ul>li:last-child{background:blue;} :nth-child(n)”选择器用来定位某个父元素的一个或多个特定的子元素（正序） :nth-last-child(n) （倒序）选择子元素类型的选择器 :nth-last-of-type(n) .wrapper > div:last-of-type{ background: orange; } .wrapper > div:nth-of-type(odd), .wrapper > p:nth-of-type(even){ background: orange; } .wrapper > div:first-of-type { background: orange; } :only-child 选择器选择的是父元素中只有一个子元素，而且只有唯一的一个子元素 .wrapper > div:only-of-type { background: orange; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—nth-child(n)
2018-03-22
wwweb

:target选择器称为目标选择器，用来匹配文档(页面)的url的某个标志符的目标元素 1、具体来说，触发元素的URL中的标志符通常会包含一个#号，后面带有一个标志符名称，上面代码中是：#brand 2、：target就是用来匹配id为“brand”的元素（id="brand"的元素）,上面代码中是那个div元素

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—target
2018-03-22
wwweb

:empty选择器表示的就是空。用来选择没有任何内容的元素, 指的是一点内容都没有，哪怕是一个空格

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—empty
2016-07-05
wwweb

:not选择器称为否定选择器，可以选择除某个元素之外的所有元素。 eg: 给表单中除submit按钮之外的input元素添加红色边框，CSS代码可以写成： input:not([type="submit"]){ border:1px solid red; }

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—not
2018-03-22
wwweb

:root选择器，根选择器，匹配元素E所在文档的根元素。在HTML文档中，根元素始终是<html>。效果相同 :root{background:orange} html {background:orange;}

查看全部

0 采集收起来源：CSS3 结构性伪类选择器—root
2018-03-22
wwweb

属性选择器

查看全部

0 采集收起来源：CSS3选择器属性选择器
2016-07-05
qq_原上白鹿_0

强制文本在一行内显示（white-space:nowrap）

查看全部

0 采集收起来源：CSS3文字与字体 text-overflow 与 word-wrap
2016-07-05
安小鹿

transition-proper:指定过渡或动态模拟的CSS属性； transition-duration:指定完成过渡所需要的时间； transition-timing-function:指定过渡函数； transition-delay:指定开始出现的延迟时间

查看全部

0 采集收起来源：CSS3中的动画--过渡属性 transition-property
2016-07-05

首页上一页 485 486 487 488 489 490 491 下一页尾页

0/150

提交

取消

开始学习

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

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