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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • background-origin:设置元素背景的起始位置,背景要是no-repeat border-box:边框 padding-box:内边距 content-box:内容区域
    查看全部
  • text-shadow:x y 模糊程度 颜色 例如:text-shadow:1px 2px 3px #000 字体的阴影是x轴往右移动1px,y州往下移2px,模糊程度是3px 阴影颜色是黑色
    查看全部
  • @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }
    查看全部
  • 如果背景不是no-repeat,这个属性无效,它会从边框开始显示。 只有三个属性 : background-origin : border-box | padding-box | content-box ;
    查看全部
  • border-radius:左上角 右上角 右下角 左下角,顺时针
    查看全部
  • ①强制在一行内显示 : white-space:nowrap; ②强制一出文字为隐藏 : overflow:hidden; ③溢出用省略号显示 : text-overflow:ellipsis; ④溢出后将文字裁剪掉 : text-overflow:clip; ( ①②是前提,只有设置①②才有③④的效果 )
    查看全部
  • 0deg 等同于 to top 作用是从下向上 90deg 等同于 to right 作用是从左向右 180deg 等同于 to bottom 作用是从上向下 270deg 等同于 to left 作用是从右向左 background-image:linear-gradient(0deg,#fff,#999); 第一个参数省略时,默认为“180deg”,等同于“to bottom”。 第二个和第三个参数,表示颜色的起始点和结束点,可以有多个颜色值。
    查看全部
  • { box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; } 中括号内的为可选选项
    查看全部
  • background-origin 设置元素背景图片的原始起始位置。 语法: background-origin : border-box | padding-box | content-box; 参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。 效果如下: 需要注意的是,如果背景不是no-repeat,这个属性无效,它会从边框开始显示。
    查看全部
  • background-origin 设置元素背景图片的原始起始位置。 语法: background-origin : border-box | padding-box | content-box; 参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。 效果如下: 需要注意的是,如果背景不是no-repeat,这个属性无效,它会从边框开始显示。
    查看全部
  • chrome和safari : -webkit firefox : -moz IE : -ms opera : -o
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2015-03-03

  • ease:由快到慢,逐渐变慢 ease-in:越来越快 ease-out:越来越慢 ease-in-out:先加速再减速 linear:恒速
    查看全部
  • :disabled选择器 “:disabled”选择器刚好与“:enabled”选择器相反,用来选择不可用表单元素。要正常使用“:disabled”选择器,需要在表单元素的HTML中设置“disabled”属性。 示例演示 通过“:disabled”选择器,给不可用输入框设置明显的样式。 HTML代码: <form action="#"> <div> <input type="text" name="name" id="name" placeholder="我是可用输入框" /> </div> <div> <input type="text" name="name" id="name" placeholder="我是不可用输入框" disabled /> </div> </form> CSS代码 form { margin: 50px; } div { margin-bottom: 20px; } input { background: #fff; padding: 10px; border: 1px solid orange; border-radius: 3px; } input[type="text"]:disabled { background: rgba(0,0,0,.15); border: 1px solid rgba(0,0,0,.15); color: rgba(0,0,0,.15); }
    查看全部
  • :enabled选择器 在Web的表单中,有些表单元素有可用(“:enabled”)和不可用(“:disabled”)状态,比如输入框,密码框,复选框等。在默认情况之下,这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。
    查看全部
  • only-of-type选择器 “:only-of-type”选择器用来选择一个元素是它的父元素的唯一一个相同类型的子元素。这样说或许不太好理解,换一种说法。“:only-of-type”是表示一个元素他有很多个子元素,而其中只有一种类型的子元素是唯一的,使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。
    查看全部

举报

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

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