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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • Mext
    在Responsive布局中，可以毫无保留的丢弃： 第一，尽量少用无关紧要的div； 第二，不要使用内联元素（inline）； 第三，尽量少用JS或flash； 第四，丢弃没用的绝对定位和浮动样式； 第五，摒弃任何冗余结构和不使用100%设置。 有舍才有得，丢弃了一些对Responsive有影响的东东，那么有哪些东东能帮助Responsive确定更好的布局呢？ 第一，使用HTML5 Doctype和相关指南； 第二，重置好你的样式（reset.css）； 第三，一个简单的有语义的核心布局； 第四，给重要的网页元素使用简单的技巧，比如导航菜单之类元素。
    查看全部
    0 采集 收起 来源：Responsive布局技巧

    2015-04-05

  • 御风天流
    a[class^=icon]{ background: green; color:#fff; } a[href$=pdf]{ background: orange; color: #fff; } a[title*=more]{ background: blue; color: #fff; }
    查看全部
    0 采集 收起 来源：CSS3选择器 属性选择器

    2015-04-05

  • Undefeatedrhythum
    边角部分为裁掉了，可见repeat就是一直重复，然后超出部分剪裁掉，而且是居中开始重复。 Round 参数：Round可以理解为圆满的铺满。为了实现圆满所以会压缩（或拉伸）；图片被压扁了。 Stretch 很好理解就是拉伸，有多长拉多长。有多远“滚”多远。
    查看全部
    0 采集 收起 来源：CSS3边框 为边框应用图片 border-image

    2015-04-05

  • Undefeatedrhythum
    box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（二）

    2015-04-05

  • 御风天流
    background-size: auto | <长度值> | <百分比> | cover | contain 取值说明： 1、auto：默认值，不改变背景图片的原始高度和宽度； 2、<长度值>：成对出现如200px 50px，将背景图片宽高依次设置为前面两个值，当设置一个值时，将其作为图片宽度值来等比缩放； 3、<百分比>：0％~100％之间的任何值，将背景图片宽高依次设置为所在元素宽高乘以前面百分比得出的数值，当设置一个值时同上； 4、cover：顾名思义为覆盖，即将背景图片等比缩放以填满整个容器； 5、contain：容纳，即将背景图片等比缩放至某一边紧贴容器边缘为止。
    查看全部
    0 采集 收起 来源：CSS3背景 background-size

    2018-03-22

  • 御风天流
    background-clip ： border-box | padding-box | content-box | no-clip 参数分别表示从边框、或内填充，或者内容区域向外裁剪背景。no-clip表示不裁切，和参数border-box显示同样的效果。backgroud-clip默认值为border-box。
    查看全部
    0 采集 收起 来源：CSS3背景 background-clip

    2015-04-05

  • 御风天流
    background-origin ： border-box | padding-box | content-box; 参数分别表示背景图片是从边框，还是内边距（默认值），或者是内容区域开始显示。
    查看全部
    0 采集 收起 来源：CSS3背景 background-origin

    2015-04-05

  • Ben482555
    text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 搭配使用
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2015-04-05

  • 御风天流
    @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }
    查看全部
    0 采集 收起 来源：CSS3文字与字体 嵌入字体@font-face

    2015-04-05

  • vivvn_chen
    multiple backgrounds 1.用逗号隔开每组background的缩写值， 2.如果有size值，需紧跟position并且用‘/’隔开， 3.如果有多个背景图片，而其他属性只有一个，表示所有背景图片应用该属性值， 4.background-color只能设置一个
    查看全部
    0 采集 收起 来源：CSS3背景 multiple backgrounds

    2015-04-05

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

    2015-04-05

  • vivvn_chen
    background-image：添加渐变效果 参数1，渐变类型 linear-gradient：线性渐变 radial-gradient：径向渐变 参数2，渐变方向 to left：从右到左 to right：从左到右 to top：从下到上 to bottom：从上到下 to top left：从右下到左上 to top right：从左下到右上 参数3，颜色，可多个
    查看全部
    0 采集 收起 来源：CSS3颜色 渐变色彩 

    2015-04-05

  • vivvn_chen
    box-shadow: --X轴偏移量，如果正数在右边外则出现阴影，负数在左边外则出现阴影 --Y轴偏移量，如果正数在下边外则出现阴影，负数在上边外则出现阴影 --阴影模糊半径 --阴影扩展半径,在没有阴影的边也出现阴影 --inset，让x,y变号，也就是左侧变右侧，上侧变下测，外面的阴影变成里面
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（一）

    2015-04-05

  • 南无阿弥陀佛
    ::selection”伪元素是用来匹配突出显示的文本。浏览器默认情况下，选择网站文本是深蓝的背景，白色的字体， 有的设计要求不使用上图那种浏览器默认的突出文本效果，需要一个与众不同的效果，此时“::selection”伪元素就非常的实用。不过在Firefox浏览器还需要添加前缀。
    查看全部
    0 采集 收起 来源：CSS3选择器 ::selection选择器

    2015-04-05

  • 南无阿弥陀佛
    background-origin:border-box padding-box content-box
    查看全部
    0 采集 收起 来源：CSS3背景 background-origin

    2015-04-05

首页上一页1012101310141015101610171018下一页尾页

举报

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

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

查看已购买的课程