为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
十天精通CSS3_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • transform:rotate(*deg)旋转
    查看全部
  • 1.多加这两个阴影样式:“-webkit-box-shadow:”“-moz-box-shadow:”是为了兼容多浏览器的。 2.“z-index:-1;”是为了把红框盖住,只显示其阴影,如果把此行代码去掉,会看到一个红框。 3.“position:absolute;”“top:50%;”是以box为参考定位的。 4.class="box effect",是类选择器的知识,及表示class=“box”与class="effect"的组合。如果把.effect换成.box效果依然相同,用.effect表示语义更加明白。
    查看全部
  • “:read-write”选择器刚好与“:read-only”选择器相反,主要用来指定当元素处于非只读状态时的样式。
    查看全部
  • transform:rotate(*deg)旋转
    查看全部
  • ::selection”伪元素是用来匹配突出显示的文本。浏览器默认情况下,选择网站文本是深蓝的背景,白色的字体, 有的设计要求不使用上图那种浏览器默认的突出文本效果,需要一个与众不同的效果,此时“::selection”伪元素就非常的实用。不过在Firefox浏览器还需要添加前缀。
    查看全部
  • 在Web的表单中,有些表单元素有可用(“:enabled”)和不可用(“:disabled”)状态,比如输入框,密码框,复选框等。在默认情况之下,这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。 示例演示 通过“:enabled”选择器,修改文本输入框的边框为2像素的红色边框,并设置它的背景为灰色。
    查看全部
  • :only-child 小明的爸爸只有小明一个孩子 :only-of-type 小明的爸爸有龙凤胎,小明是唯一的儿子
    查看全部
  • “:only-child”选择器选择的是父元素中只有一个子元素,而且只有唯一的一个子元素。也就是说,匹配的元素的父元素中仅有一个子元素,而且是一个唯一的子元素。
    查看全部
  • “:last-of-type”选择器和“:first-of-type”选择器功能是一样的,不同的是他选择是父元素下的某个类型的最后一个子元素。
    查看全部
  • 刚开始还不懂nth-of-type和nth-child的区别,研究了一下才明白,nth-of-type是父元素下第n个element的元素(首先那个元素必须是符合element的),而nth-child是父元素下第几个元素,若不符合element,则选择失败
    查看全部
  • 1、具体来说,触发元素的URL中的标志符通常会包含一个#号,后面带有一个标志符名称,上面代码中是:#brand 2、:target就是用来匹配id为“brand”的元素(id="brand"的元素),上面代码中是那个div元素。 多个url(多个target)处理: 就像上面的例子,#brand与后面的id="brand"是对应的,当同一个页面上有很多的url的时候你可以取不同的名字,只要#号后对的名称与id=""中的名称对应就可以了。 如下面例子:
    查看全部
  • div:not([id="footer"]){ background: orange; } “div”与":"之间不能有空格
    查看全部
  • :root选择器,从字面上我们就可以很清楚的理解是根选择器,他的意思就是匹配元素E所在文档的根元素。在HTML文档中,根元素始终是<html>。
    查看全部
  • [class^=**][href$=**][title*=**]
    查看全部
  • background:linear-gradient:(to bottom,red,blue)no-repeat right/1px 20px;
    查看全部

举报

0/150
提交
取消
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!