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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
最热 最新
  • 曹越xyy
    normal为浏览器默认值，break-word设置在长单词或 URL地址内部进行换行，此属性不常用，用浏览器默认值即可
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2016-06-29

  • 曹越xyy
    word-wrap：normalbreak-word设置连续文本是否换行
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2016-06-29

  • 曹越xyy
    textoverflow :ellipsis;要显示省略号必须要设置文本强制在一行内显示，而且溢出内容为隐藏即必须与overflow：hidden和white-space:nowrap;一起组合使用
    查看全部
    0 采集 收起 来源：CSS3文字与字体 text-overflow 与 word-wrap

    2016-06-29

  • 胡扬明
    @fonr-face { font-family ：　微软雅黑 　　　src:路径 }
    查看全部
    0 采集 收起 来源：CSS3文字与字体 嵌入字体@font-face

    2016-06-28

  • ZTON
    1,选择器更强大
    查看全部
    0 采集 收起 来源：CSS3能做什么？

    2016-06-28

  • ZTON
    向前兼容要加前缀
    查看全部
    0 采集 收起 来源：什么是CSS3？

    2016-06-28

  • 何强
    top:50%; left:50%; border-radius: 5px; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
    查看全部
    0 采集 收起 来源：CSS3中的变形--位移 translate()

    2016-06-28

  • 何强
    如果背景不是no-repeat，这个属性无效，它会从边框开始显示。 background-origin:border-box padding-box content-box
    查看全部
    0 采集 收起 来源：CSS3背景 background-origin

    2016-06-28

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

    2016-06-28

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

    2016-06-28

  • qq_阿T_1
    background相关属性的综合练习 background:#f65f57 no-repeat right/ 1px 15px linear-gradient(to right,#dd2926,#a82724);
    查看全部
    0 采集 收起 来源：CSS3背景 制作导航菜单综合练习题

    2016-06-28

  • 唯有当下
    CSS3外轮廓属性 外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。 outline属性早在CSS2中就出现了，主要是用来在元素周围绘制一条轮廓线，可以起到突出元素的作用。但是并未得到各主流浏览器的广泛支持，在CSS3中对outline作了一定的扩展，在以前的基础上增加新特性。outline属性的基本语法如下： outline: ［outline-color］ [outline-style] [outline-width] [outline-offset] inherit
    查看全部
    0 采集 收起 来源：CSS3外轮廓属性

    2016-06-27

  • 唯有当下
    在实际项目中，为了让Responsive设计在智能设备中能显示正常，也就是浏览Web页面适应屏幕的大小，显示在屏幕上，可以通过这个可视区域的meta标签进行重置，告诉他使用设备的宽度为视图的宽度，也就是说禁止其默认的自适应页面的效果，具体设置如下： <meta name=”viewport” content=”width=device-width,initial-scale=1.0” /> 另外一点，由于Responsive设计是结合CSS3的Media Queries属性，才能尽显Responsive设计风格，但大家都清楚，在IE6-8中完全是不支持CSS3 Media。下面我们一起来看看CSS3 Meida Queries在标准设备上的运用，大家可以把这些样式加到你的样式文件中，或者单独创建一个名为“responsive.css”文件，并在相应的条件中写上你的样式，让他适合你的设计需求。 脚本下载地址： media-queries.js(http://code.google.com/p/css3-mediaqueries-js/) respond.js(https://github.com/scottjehl/Respond) <!—[if lt IE9]> <scriptsrc=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js></script> ​<![endif]>
    查看全部
    0 采集 收起 来源：Responsive设计——meta标签

    2018-03-22

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

    2016-06-27

  • 是时候有个名字了
    前缀 浏览器 -webkit chrome和safari -moz firefox -ms IE -o opera
    查看全部
    0 采集 收起 来源：什么是CSS3？

    2016-06-27

首页上一页488489490491492493494下一页尾页

举报

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

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

查看已购买的课程