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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • lqh
    color:rgba(R,G,B,A)
    查看全部
  • lqh
    最主要看的是中间
    查看全部
  • lqh
    用向量来确定方向
    查看全部
  • lqh
    用逗号隔开,0 0 全方向
    查看全部
  • lqh
    以它最长的那边作为变形
    查看全部
  • flex项目称动到左边或右边也取决于主轴的方向。如果flex-direction设置为row,设置justify-content控制方向;如果设置为column,设置align-items控制方向。
    查看全部
  • 综合而言,Flexbox布局功能主要具有以下几点: 第一,屏幕和浏览器窗口大小发生改变也可以灵活调整布局; 第二,可以指定伸缩项目沿着主轴或侧轴按比例分配额外空间(伸缩容器额外空间),从而调整伸缩项目的大小; 第三,可以指定伸缩项目沿着主轴或侧轴将伸缩容器额外空间,分配到伸缩项目之前、之后或之间; 第四,可以指定如何将垂直于元素布局轴的额外空间分布到该元素的周围; 第五,可以控制元素在页面上的布局方向; 第六,可以按照不同于文档对象模型(DOM)所指定排序方式对屏幕上的元素重新排序。也就是说可以在浏览器渲染中不按照文档流先后顺序重排伸缩项目顺序。
    查看全部
  • .wrapper p:only-of-type{ background: orange; } //div中只有一个p的div背景设为橘色。
    查看全部
  • .wrapper > div:?, .wrapper > p:nth-of-type(2n){ background: orange; } /*或者*/ .wrapper > div:nth-of-type(2n-1), .wrapper > p:nth-of-type(2n){ background: orange; } /*或者*/ .wrapper > div:?, .wrapper > p:nth-of-type(even){ background: orange; }意思是一样的。even 是偶数的,奇数是odd 偶数选择器:even()
    查看全部
  • 父级>标签:first-of-type{} 标签中的第一个样式改变。
    查看全部
  • ul>li直接后备 :first-child,:last-child
    查看全部
  • #barand:target 1、具体来说,触发元素的URL中的标志符通常会包含一个#号,后面带有一个标志符名称,上面代码中是:#brand 2、:target就是用来匹配id为“brand”的元素(id="brand"的元素),上面代码中是那个div元素。 多个url(多个target)处理: 就像上面的例子,#brand与后面的id="brand"是对应的,当同一个页面上有很多的url的时候你可以取不同的名字,只要#号后对的名称与id=""中的名称对应就可以了。
    查看全部
  • :empty 选择器表示的空。 如:<p></p>或者有个空格<p> </p> //p:empty{background:blue;}
    查看全部
  • xx:not 选择除了xx以外的所有的元素的样式。 可以选择除某个元素之外的所有元素。就拿form元素来说,比如说你想给表单中除submit按钮之外的input元素添加红色边框 div:not([id="footer"]){ background: orange; }//除了id=footer 的div背景变成橙色。
    查看全部
  • :root选择器,从字面上我们就可以很清楚的理解是根选择器,他的意思就是匹配元素E所在文档的根元素。在HTML文档中,根元素始终是<html> root=html了在页面中。:root{background:red;}==html{background:red;}
    查看全部

举报

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

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