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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • <input type="text" name="name" id="name" placeholder="我是不可用输入框" disabled />
    查看全部
  • <label for="name">Text Input:</label> <input type="text" name="name" id="name" placeholder="禁用输入框" disabled="disabled" />
    查看全部
  • 在Web中插入内容,在CSS2.1时代依靠的是JavaScript来实现。但进入CSS3进代之后我们可以通过CSS3的伪类“:before”,“:after”和CSS3的伪元素“::before”、“::after”来实现,其关键是依靠CSS3中的“content”属性来实现。不过这个属性对于img和input元素不起作用。 content配合CSS的伪类或者伪元素,一般可以做以下四件事情: 功能 功能说明 none 不生成任何内容 attr 插入标签属性值 url 使用指定的绝对或相对地址插入一个外部资源(图像,声频,视频或浏览器支持的其他任何资源) string 插入字符串
    查看全部
    0 采集 收起 来源:CSS生成内容

    2015-02-12

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

    2015-02-12

  • resize: none | both | horizontal | vertical | inherit
    查看全部
  • @font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。
    查看全部
  • a[class^=column]{ //改变头部 background:red; } a[href$=doc]{ //改变尾部 background:green; } a[title*=box]{ // 改变其中包含box background:blue; }
    查看全部
  • column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。用法和border的一致
    查看全部
  • column-gap主要用来设置列与列之间的间距。可以是px也可以是em
    查看全部
  • 属性值 属性值说明 content-box 默认值,其让元素维持W3C的标准盒模型,也就是说元素的宽度和高度(width/height)等于元素边框宽度(border)加上元素内距(padding)加上元素内容宽度或高度(content width/ height),也就是element width/height = border + padding + content width / height border-box 重新定义CSS2.1中盒模型组成的模式,让元素维持IE传统的盒模型(IE6以下版本和IE6-7怪异模式),也就是说元素的宽度或高度等于元素内容的宽度或高度。从上面盒模型介绍可知,这里的内容宽度或高度包含了元素的border、padding、内容的宽度或高度(此处的内容宽度或高度=盒子的宽度或高度—边框—内距)。 inherit 使元素继承父元素的盒模型模式 其中最为关键的是box-sizing中content-box和border-box两者的区别,他们之间的区别可以通过下图来展示,其对盒模型的不同解析:
    查看全部
    0 采集 收起 来源:CSS3 盒子模型

    2015-02-11

  • column-count:auto | <integer>
    查看全部
  • 多列布局 column-width column-width: auto | <length>
    查看全部
  • 多列布局 columns:<column-width> || <column-count> 列宽和列数
    查看全部
  • blur:需要加px作为单位,否则显示不出阴影
    查看全部
  • 伪类是在设定的元素上设定出一个before(之前)和after(之后)的元素层 就相当三个li元素一个是实体 一个是before 一个是after
    查看全部

举报

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

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