为了账号安全,请及时绑定邮箱和手机立即绑定
  • border-radius: 10px 20px x y; 当X和Y没定义时 x=10px, y=20px
    查看全部
  • border-radius:top-left top-right bottom-right bottom-left; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */ border-top-left-radius: x y;
    查看全部
  • 在不同的浏览器下要加上不同的前缀才能有效果。
    查看全部
  • :target选择器称为目标选择器,用来匹配文档(页面)的URI的某个标志符的目标元素。具体来说,URI中的标志符通常会包含一个#号,后面带有一个标志符名称,例如“#contact”,“:target”就是用来匹配ID为“contact”的元素。
    查看全部
  • “:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素,记住是子元素,而不是后代元素。
    查看全部
  • border-colors是对边框添加多个颜色 如果你设置了border的宽度是Npx,那么你就可以在这个border上使用N种颜色,每种颜色显示1px的宽度。 如果说你的border的宽度是10个像素,但是只声明了5或6种颜色,那么最后一个颜色将被添加到剩下的宽度。 能不能统一设置边框呢? 如:border-colors:#999 #666 #ccc #ddd 这样呢? 悲催,不行。因为本属性为伪属性,其分裂后的border-top-colors, border-right-colors, border-bottom-colors, border-left-colors才是有效属性。
    查看全部
    0 采集 收起

    2018-03-22

  • 横向上半圆
    查看全部
  • 将背景图片等比缩放以填满整个容器; contain:容纳,即将背景图片等比缩放至某一边紧贴容器边缘为止。
    查看全部
  • background-size 设置背景图片的大小,以长度值或百分比显示,还可以通过cover和contain来对图片进行伸缩。 语法: background-size: auto | <长度值> | <百分比> | cover | contain 取值说明: auto:默认值,不改变背景图片的原始高度和宽度; <长度值>:成对出现如200px 50px,将背景图片宽高依次设置为前面两个值,当设置一个值时,将其作为图片宽度值来等比缩放; <百分比>:0%~100%之间的任何值,将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值,当设置一个值时同上; cover:顾名思义为覆盖,即
    查看全部
  • background-clip 用来将背景图片做适当的裁剪以适应实际需要。 语法: background-clip : border-box | padding-box | content-box | no-clip 参数分别表示从边框、或内填充,或者内容区域向外裁剪背景。no-clip表示不裁切,和参数border-box显示同样的效果。backgroud-clip默认值为border-box
    查看全部
  • background-origin 设置元素背景图片的原始起始位置。 语法: background-origin : border-box | padding-box | content-box; 参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。 需要注意的是,如果背景不是no-repeat,这个属性无效,它会从边框开始显示。
    查看全部
  • 旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。如果这个值为正值,元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转。
    查看全部
  • “:first-of-type”选择器类似于“:first-child”选择器,不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。
    查看全部
  • 与nth-child(n)都是从1开始的
    查看全部
  • animation-itreation-count,chrome上的默认值为1,Firefox上的默认值为infinite(无限循环)
    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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