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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • 旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。如果这个值为正值,元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转
    查看全部
  • nth-child(n):不分子元素的类型,n可以是表达式,也可以是整数(1,2,3...)。当n是表达式的时候n的值是从0开始计算的;当表达式的值小于等于0的时候却匹配不到任何元素,也就是说表达式的值不可以小于等于0。
    查看全部
  • <h2>外阴影</h2> <div class="boxshadow-outset"> </div> <br /> <h2>内阴影</h2> <div class="boxshadow-inset"> </div> <br /> <h2>多阴影</h2> <div class="boxshadow-multi">
    查看全部
  • border-radious四个参数意思:左上角、右上角、右下角和左下角的半径
    查看全部
  • border-radious圆角效果, -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;变化方式,3D animation: run 2s infinite linear;运动 2s周期, 匀速linear
    查看全部
    0 采集 收起 来源:CSS3能做什么?

    2015-08-04

  • -webkit- chrome/safari -moz 火狐, -ms Ie, -o oprea
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2015-08-04

  • /*使用伪元素制作导航列表项分隔线*/ .nav li:after{ position:absolute; right:0; content:''; width:1px; height:100%; background-image:linear-gradient(to bottom, #f65f57,#f65f57,#f65f57,#666,#f65f57, #f65f57,#f65f57); display:inline-block; } /*删除第一项和最后一项导航分隔线*/ .nav li:last-child:after{ display:none; }
    查看全部
  • 1. top:50%,left:50%,是将色块的左上角定位在了屏幕的中央,但是,整体并不在中央; 2. translate的百分比是根据自身的宽度和高度来定的,translate(-50%,-50%) 配合 top:50%,left:50% 实现了居中 .wrapper { padding: 20px; background:orange; color:#fff; position:absolute; top:50%; left:50%; border-radius: 5px; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
    查看全部
  • Responsive设计简单的称为RWD,是精心提供各种设备都能浏览网页的一种设计方法,RWD能让你的网页在不同的设备中展现不同的设计风格。--响应式布局
    查看全部
  • 有点混乱
    查看全部
  • /*使用伪元素制作导航列表项分隔线*/ .nav li:after{ position:absolute; right:0; content:''; width:1px; height:100%; background-image:linear-gradient(to bottom, #f65f57,#f65f57,#f65f57,#666,#f65f57, #f65f57,#f65f57); display:inline-block; } /*删除第一项和最后一项导航分隔线*/ .nav li:last-child:after{ display:none; }
    查看全部
  • ::before和::after ::before和::after这两个主要用来给元素的前面或后面插入内容,这两个常和"content"配合使用,使用的场景最多的就是清除浮动。
    查看全部
  • “:read-write”选择器刚好与“:read-only”选择器相反,主要用来指定当元素处于非只读状态时的样式。
    查看全部
  • “:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是,元素中设置了“readonly=’readonly’”
    查看全部
  • “::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下,用鼠标选择网页文本是以“深蓝的背景,白色的字体”显示的,
    查看全部

举报

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

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