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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • qq_凌_0
    原点 transform-origin: left top;
    查看全部
    0 采集 收起 来源：CSS3中的变形--原点 transform-origin

    2015-09-23

  • qq_凌_0
    位移 transform: translate(50px,100px);
    查看全部
    0 采集 收起 来源：CSS3中的变形--位移 translate()

    2015-09-23

  • qq_凌_0
    缩放transform: scale(1.5); 小于1是缩小，大于等于1是放大
    查看全部
    0 采集 收起 来源：CSS3中的变形--缩放 scale()

    2015-09-23

  • qq_凌_0
    扭曲 transform:skew(45deg);
    查看全部
    0 采集 收起 来源：CSS3中的变形--扭曲 skew()

    2015-09-23

  • qq_凌_0
    旋转 transform: rotate(45deg);
    查看全部
    0 采集 收起 来源：CSS3变形--旋转 rotate()

    2015-09-23

  • 二小423
    transition是逐步变化的过程
    查看全部
    0 采集 收起 来源：CSS3背景 制作导航菜单综合练习题

    2015-09-23

  • 二小423
    :first-child是选择器::before是伪元素语法是.nav li :before{content:;}
    查看全部
    0 采集 收起 来源：CSS3背景 制作导航菜单综合练习题

    2015-09-23

  • 熊球球跳
    属性选择器
    查看全部
    0 采集 收起 来源：CSS3选择器 属性选择器

    2015-09-23

  • 小m_
    @font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。语法： @font-face{ font-family:字体名称； src:字体文件在服务器上的相对或绝对路径； }
    查看全部
    0 采集 收起 来源：CSS3文字与字体 嵌入字体@font-face

    2015-09-22

  • 小m_
    text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，代码如下： text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2015-09-22

  • 小m_
    text-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。 语法：text-overflow：clip|ellipsis clip表示剪切；ellipsis表示显示省略标记 word-wrap也可以用来设置文本行为，当前行超过指定容器的边界时是否断开转行。 语法：word-wrap：normal|break-word normal为浏览器默认值，break-word设置在长单词或 URL地址内部进行换行，此属性不常用，用浏览器默认值即可
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2015-09-22

  • ZymoWalker
    媒体类型（Media Type）在CSS2中是一个常见的属性，也是一个非常有用的属性，可以通过媒体类型对不同的设备指定不同的样式。W3C总共列出了10种媒体类型。 值 设备类型 All 所有设备 Braille 盲人用点字法触觉回馈设备 Embossed 盲文打印机 Handheld 便携设备 Print 打印用纸或打印预览视图 Projection 各种投影设备 Screen 电脑显示器 Speech 语音或音频合成器 Tv 电视机类型设备 Tty 使用固定密度字母栅格的媒介，比如电传打字机和终端 ------------------------------------------------ 其中Screen、All和Print为最常见的三种媒体类型。
    查看全部
    0 采集 收起 来源：media queries——媒体类型（二）

    2015-09-22

  • 小m_
    渐变色彩gradient分为线性渐变(linear)和径向渐变(radial)。举例线形渐变 ： linear-gradient(to bottom,#fff,#999). 第一个参数:指定渐变方向，可以用“角度”的关键词或“英文”来表示（to top从下向上；to right从左向右；to bottom从上向下；to left从右向左；to top left右下角到左上角；to top right左下角到右上角）； 第一个参数省略时，默认为“180deg”，等同于“to bottom”。 第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。举例： background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2015-09-22

  • 小m_
    RGBA可控制颜色透明度。语法color:rgba(R,G,B,A) 以上R、G、B三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数，取值在0~1之间，不可为负值。 代码示例： background-color:rgba(100,120,60,0.5);
    查看全部
    0 采集 收起 来源：CSS3颜色 颜色之RGBA

    2015-09-22

  • 小m_
    为边框应用图片 border-image。语法为： border-image:url(border:png) 70 70 70 70 repeat 说明：url为图片路径；70为切割图片的宽度，单位为像素，但省略px也可使用百分百，遵循顺时针的规则来分别设置，也可简写为70；repeat为图片延伸方式，有三个可选参数分别为：round（平铺）repeat（重复）stretch（拉伸）
    查看全部
    0 采集 收起 来源：CSS3边框 为边框应用图片 border-image

    2015-09-22

首页上一页763764765766767768769下一页尾页

举报

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

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

查看已购买的课程