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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • Amy_sh
    在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。 浏览器:chrome和safari、firefox、IE、opera 前缀:-webkit、-moz、-ms、-o
    查看全部
    0 采集 收起 来源：什么是CSS3？

    2015-06-02

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

    2015-06-02

  • xianlaioy
    translate()函数可以将元素向指定的方向移动，类似于position中的relative。或以简单的理解为，使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上的任何Web组件。
    查看全部
    0 采集 收起 来源：CSS3中的变形--位移 translate()

    2015-06-02

  • Arthur_Imooc
    该demo居中的原理是：translate(%x, %y)中的百分比是自身的长宽而非一般的父元素，所以-50%可以让元素居中。
    查看全部
    1 采集 收起 来源：CSS3中的变形--位移 translate()

    2015-06-01

  • 小树妈
    div p:only-child{ background:red; }指选定有且只有一个子元素p的div,将p的背景设置成红色。 div p:only-of-type{ background:red;} 指选定有且只有一个类型为p的子元素，还可以有别的子元素。将这个唯一的子元素p的背景设置成红色。
    查看全部
    0 采集 收起 来源：CSS3 only-of-type选择器

    2015-06-01

  • 小树妈
    @font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体
    查看全部
    0 采集 收起 来源：CSS3文字与字体 嵌入字体@font-face

    2015-06-01

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

    2015-06-01

  • 吴明雄
    CSS3给我们带来了什么好处呢？简单的说，CSS3把很多以前需要使用图片和脚本来实现的效果、甚至动画效果，只需要短短几行代码就能搞定。比如圆角，图片边框，文字阴影和盒阴影，过渡、动画等。
    查看全部
    0 采集 收起 来源：CSS3能做什么？

    2015-05-31

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

    2015-05-31

  • 大板栗板栗
    first-of-type选择器 “:first-of-type”选择器类似于“:first-child”选择器，不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。 /*我要改变第一个段落的背景为橙色*/ .wrapper > p:first-of-type { background: orange; }
    查看全部
    0 采集 收起 来源：CSS3 first-of-type选择器

    2018-03-22

  • 大板栗板栗
    从某父元素的最后一个子元素开始计算，来选择特定的元素。 选择列表中倒数第五个列表项，将其背景设置为橙色。 ol > li:nth-last-child(5){ background: orange; }
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—nth-last-child(n)

    2018-03-22

  • 大板栗板栗
    注意： 用逗号隔开每组 background 的缩写值； 如果有 size 值，需要紧跟 position 并且用 "/" 隔开； 如果有多个背景图片，而其他属性只有一个（例如 background-repeat 只有一个），表明所有背景图片应用该属性值。 background-color 只能设置一个。
    查看全部
    0 采集 收起 来源：CSS3背景 multiple backgrounds

    2018-03-22

  • hamsecret
    列间距 -webkit-column-gap:3em; -moz-column-gap:3em; -o-column-gap:3em; -ms-column-gap:3em; column-gap:3em;
    查看全部
    0 采集 收起 来源：CSS3 列间距column-gap

    2015-05-31

  • hamsecret
    column-width:200px; column-width:200px; column-width:200px; column-width:200px; column-width:200px; -webkit-column-count:3; -moz-column-count:3; -o-column-count:3; -ms-column-count:3; column-count:3;
    查看全部
    0 采集 收起 来源：CSS3 多列布局——column-width

    2015-05-31

  • hamsecret
    浏览器兼容性一般般的分栏显示 -webkit-columns: 150px; -moz-columns: 150px; -o-columns:150px; -ms-columns: 150px; columns: 150px;
    查看全部
    0 采集 收起 来源：CSS3 多列布局——Columns

    2015-05-31

首页上一页924925926927928929930下一页尾页

举报

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

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

查看已购买的课程