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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • 需要注意的是,如果背景不是no-repeat,这个属性无效,它会从边框开始显示。
    查看全部
  • 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果, 代码如下: text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
    查看全部
  • background-image:linear-gradient(to top left,purple,yellow); 必须是background-image属性,background-color则无效。当然,使用简写的background属性则可以。
    查看全部
  • RGBA是在RGB的基础上增加了控制alpha透明度的参数。 A为透明度参数,取值在0~1之间,不可为负值。 代码示例: background-color:rgba(100,120,60,0.5);
    查看全部
  • 添加多个阴影: 以上的语法的介绍,就这么简单,如果添加多个阴影,只需用逗号隔开即可。如: .box_shadow{ box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset; }
    查看全部
  • 注意:inset 可以写在参数的第一个或最后一个,其它位置是无效的。
    查看全部
  • 盒子模型总结: box-sizing:content-box|border-box|inherit三种 其中: 1、content-box是参考w3c标准,即元素宽度和高度=元素边框(border)宽度+元素内距(padding)+内容宽度和高度; 2、border-box是参考IE传统的盒模型,即元素宽度和高度=元素边框(border)宽度+元素内距(padding)+内容宽度;公式和w3c标准一样,但是实际上w3c中的元素宽度和高度就等于IE盒模型中的内容宽度和高度
    查看全部
    0 采集 收起 来源:CSS3 盒子模型

    2016-04-30

  • HTML <input> 标签的 disabled 属性 HTML <input> 标签 实例 带有一个禁用输入字段的 HTML 表单: <form action="form_action.asp" method="get"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: <input type="text" name="lname" disabled="disabled" /></p> <input type="submit" value="Submit" /> </form> 亲自试一试 定义和用法 disabled 属性规定应该禁用 input 元素。 被禁用的 input 元素既不可用,也不可点击。可以设置 disabled 属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过 JavaScript 来删除 disabled 值,将 input 元素的值切换为可用。 注释:disabled 属性无法与 <input type="hidden"> 一起使用。 语法 <input disabled="value"> 属性值 值 描述 disabled 禁用一个 input 元素。
    查看全部
  • :only-of-type”是表示一个元素他有很多个子元素,而其中只有一种类型的子元素是唯一的,使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。
    查看全部
  • 其实拆分开来教学,反而增加了课程难度。直接合在一起讲述:transition: all 3s ease-in-out .8s;(所有属性,持续3秒,先加速再减速变化,延迟0.8秒再执行变化,对于零可以省略)。然后就没有然后。
    查看全部
  • 不要以为border-radius的值只能用px单位,你还可以用百分比或者em,但兼容性目前还不太好。
    查看全部
  • box-shadow可以同时写多个阴影,用逗号隔开即可!
    查看全部
  • bdrz 也可用半分比或em,但兼容性不好!
    查看全部
  • 结构性伪类选择器—nth-last-child(n) “:nth-last-child(n)”选择器和前面的“:nth-child(n)”选择器非常的相似,只是这里多了一个“last”,所起的作用和“:nth-child(n)”选择器有所区别,从某父元素的最后一个子元素开始计算,来选择特定的元素。 案例演示
    查看全部
  • -阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊; -阴影扩展半径:此参数可选,其值可以是正负值,如果值为正,则整个阴影都延展扩大,反之值为负值时,则缩小
    查看全部

举报

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

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