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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • 比如说,你的文档中有三个段落p元素,你想把没有任何内容的P元素隐藏起来。我们就可以使用“:empty”选择器来控制。 p:empty { display: none;
    查看全部
  • CSS3结构性伪类选择器-not :not 选择器称为否定选择器,可以选择除某个元素之外的元素。 语法: div :not([id="footer"]){background:orange;} input:not([type="submit"]){ border:1px solid red;
    查看全部
  • “:root”选择器等同于<html>元素,简单点说: :root{background:orange} html {background:orange;} 得到的效果等同。 建议使用:root方法。 另外在IE9以下还可以借助“:root”实现hack功能。
    查看全部
  • ******^ 是选择开头位置包含的 $是选择结尾位置包含的 *是选择任意位置包含的 记住这三句。
    查看全部
  • 简单版
    查看全部
  • 比如说,你的文档中有三个段落p元素,你想把没有任何内容的P元素隐藏起来。我们就可以使用“:empty”选择器来控制。 p:empty { display: none; }​
    查看全部
  • :not否定选择器 表单中除submit按钮之外的input元素添加红色边框 input:not([type="submit"]){ border:1px solid red; }
    查看全部
  • 在web中插入内容,通过CSS3的伪类“:before”,"after",和伪元素“:::before”和":::after",关键是通过“content”属性来实现,对img和input元素不起作用。 (1)none:不生成任何内容 (2)attr:插入标签属性值 (3)url:使用指定的绝对或相对地址插入一个外部资源(图像,声频,视频或浏览器支持的其他任何资源) (4)插入字符串
    查看全部
    0 采集 收起 来源:CSS生成内容

    2018-03-22

  • outline外轮廓 属性:颜色 样式 大小 属性值outline-offset定义轮廓边框的偏移位置的数值,若为正数则为向外偏移,若为负数则为向内偏移。
    查看全部
    0 采集 收起 来源:CSS3外轮廓属性

    2017-04-15

  • 自有缩放属性resize--------允许用户通过拖动的方式来修改元素尺寸从而改变大小 属性值如下: (1)none:不能拖动元素改变大小 (2)both:可以修改宽度和高度 (3)horziontal:仅可改变宽度 (4)vertical:仅可改变高度 (5)inherit:继承父元素的resize属性值
    查看全部
  • Responsive 布局 禁忌: (1)尽量少用无关紧要的的div; (2)不要使用内联元素 (3)尽量少用JS或flash (4)丢弃没用的绝对定位和浮动样式 (5)摈弃任何冗余结构和不使用100%设置 建议: (1)使用HTML5 Doctype和相关指南 (2)重置好你的样式 (3)一个简单的有语义的核心布局; (4)给重要的网页元素使用简单的技巧,比如导航菜单之类元素;
    查看全部
  • 1.在盒模型中主要包括width、height、border、background、padding和margin这些属性,而且他们之间的层次关系可以相互影响
    查看全部
    0 采集 收起 来源:CSS3 盒子模型

    2017-04-15

  • http://www.zhangxinxu.com/wordpress/2012/06/css3-transform-matrix-矩阵/
    查看全部
  • transform:translate(-50%,-50%); translate 设置%属性时候,针对自身元素的大小。本句表示,x方向移动-自身宽度的一半,y同样。设置px时,正常水平垂直移动。
    查看全部
  • back-origin背景图像的起始位置,boder-box padding-box content-box
    查看全部

举报

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

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