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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • fancydream
    inset 可以写在参数的第一个或最后一个，其它位置是无效的。
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（一）

    2016-04-14

  • 侠客岛的含笑
    阴影模糊半径与阴影扩展半径的区别 阴影模糊半径：此参数可选，其值只能是为正值，如果其值为0时，表示阴影不具有模糊效果，其值越大阴影的边缘就越模糊； 阴影扩展半径：此参数可选，其值可以是正负值，如果值为正，则整个阴影都延展扩大，反之值为负值时，则缩小；
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（二）

    2016-04-14

  • web编程
    box-shadow:(x轴偏移量 y轴偏移量 投影方式) border-radius边框圆角
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（一）

    2016-04-14

  • laxy
    图例中ease-out的曲线有误，先陡峭后平缓
    查看全部
    0 采集 收起 来源：CSS3中的动画--过渡函数 transition-timing-function

    2016-04-13

  • laxy
    浏览器是如何确定旋转的相对原点的，如果我是相对其他某个点旋转呢？
    查看全部
    0 采集 收起 来源：CSS3变形--旋转 rotate()

    2016-04-13

  • 侠客岛的含笑
    box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 注意：inset 可以写在参数的第一个或最后一个，其它位置是无效的。
    查看全部
    0 采集 收起 来源：CSS3边框 阴影 box-shadow（一）

    2016-04-13

  • 侠客岛的含笑
    不要以为border-radius的值只能用px单位，你还可以用百分比或者em，但兼容性目前还不太好。 实心上半圆： 方法：把高度(height)设为宽度（width）的一半，并且只设置左上角和右上角的半径与元素的高度一致（大于也是可以的）。 div{ height:50px;/*是width的一半*/ width:100px; background:#9da; border-radius:50px 50px 0 0;/*半径至少设置为height的值*/ } 实心圆： 方法：把宽度（width）与高度(height)值设置为一致（也就是正方形），并且四个圆角值都设置为它们值的一半。如下代码： div{ height:100px;/*与width设置一致*/ width:100px; background:#9da; border-radius:50px;/*四个圆角值都设置为宽度或高度值的一半*/ }
    查看全部
    0 采集 收起 来源：CSS3边框 圆角效果 border-radius

    2016-04-13

  • PaintedLady
    outline:外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。
    查看全部
    0 采集 收起 来源：CSS3外轮廓属性

    2016-04-13

  • PaintedLady
    outline:[outline-color]||[outline-style]||[outline-width]||[outline-offset]||inherit
    查看全部
    0 采集 收起 来源：CSS3外轮廓属性

    2016-04-13

  • PaintedLady
    1.1024px显屏>max-width:1024; 2.800px显屏>max-width:800px; 3.640px显屏>max-width:640px; 4.ipad横屏>max-device-width: 1024px; 5.iPad竖板显屏>max-device-width: 768px； 6.iPhone 和 Smartphones>(min-device-width: 320px) and (min-device-width: 480px) twitter和Bootstrap第二版： @media (max-width: 480px) { ... } @media (max-width: 768px) { ... } @media (min-width: 768px) and (max-width: 980px) { ... } @media (min-width: 1200px) { .. }
    查看全部
    0 采集 收起 来源：Responsive设计——不同设备的分辨率设置

    2018-03-22

  • PaintedLady
    在Responsive布局中，可以毫无保留的丢弃： 第一， 尽量少用无关紧要的div； 第二，不要使用内联元素（inline）； 第三，尽量少用JS或flash； 第四，丢弃没用的绝对定位和浮动样式； 第五，摒弃任何冗余结构和不使用100%设置。 有舍才有得，丢弃了一些对Responsive有影响的东东，那么有哪些东东能帮助Responsive确定更好的布局呢？ 第一，使用HTML5 Doctype和相关指南； 第二，重置好你的样式（reset.css）； 第三，一个简单的有语义的核心布局； 第四，给重要的网页元素使用简单的技巧，比如导航菜单之类元素。 保持HTML简单干净，而且在页面布局中的关键部分（元素）不要过分的依赖现代技巧来实现，比如说CSS3特效或者JS脚本。 怎么样的布局或者说HTML结构才是简单干净的呢？这里教大家一个快速测试的方法。你首先禁掉你页面中所有的样式（以及与样式相关的信息），在浏览器中打开，如果你的内容排列有序，方便阅读，那么你的这个结构不会差到哪里去。
    查看全部
    0 采集 收起 来源：Responsive布局技巧

    2016-04-13

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

    2016-04-13

  • _莫忘初衷_
    CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。 目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了，IE10以后也开始全面支持CSS3了。 在编写CSS3样式时，不同的浏览器可能需要不同的前缀。它表示该CSS属性或规则尚未成为W3C标准的一部分，是浏览器的私有属性，虽然目前较新版本的浏览器都是不需要前缀的，但为了更好的向前兼容前缀还是少不了的。
    查看全部
    0 采集 收起 来源：什么是CSS3？

    2016-04-13

  • laxy
    选中的目标是一整个父元素，只不过这个父元素只有唯一的子元素
    查看全部
    0 采集 收起 来源：CSS3 only-child选择器

    2016-04-13

  • laxy
    元素:not,之间不能留空格
    查看全部
    0 采集 收起 来源：CSS3 结构性伪类选择器—not

    2016-04-13

首页上一页568569570571572573574下一页尾页

举报

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

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

查看已购买的课程