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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • ::before和::after这两个主要用来给元素的前面或后面插入内容,这两个常和"content"配合使用,使用的场景最多的就是清除浮动。 .clearfix::after { content:""; display:block; height:0; visibility:hidden; } .clearfix { zoom: 1;}
    查看全部
  • css3设置溢出文本显示省略号 text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
    查看全部
  • 背景渐变:background-image:linear-gradient(角度,起始色,结束色);
    查看全部
  • ::selection伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下,用鼠标选择网页文本是以“深蓝的背景,白色的字体”显示的。不过在Firefox浏览器还需要添加前缀。
    查看全部
  • :checked 在表单元素中,单选按钮和复选按钮都具有选中和未选中状态。 改选择器表示的是选中状态。
    查看全部
  • 有些表单元素有可用(:enbled)和不可用(:disabled)状态,比如输入框,密码框,复选框等。在默认情况下,这些表单元素都处在可用状态。那么我们可以通过伪选择器:enbled对这些表单元素设置样式。
    查看全部
  • :only-of-type选择器用来选择一个元素是它的父元素的唯一一个相同类型的子元素。 是表示一个元素他有很多个子元素,而其中只有一种类型的子元素是唯一的,
    查看全部
  • 伪元素制作导航分隔线
    查看全部
  • :only-child选择器选择的是父元素中只有一个子元素,而且只有唯一的一个子元素。也就是说,匹配的元素的父元素中仅有一个子元素,而且是一个唯一的子元素
    查看全部
  • nth-last-child(n)选择器从某元素的最后一个子元素开始计算,来选择特定的元素
    查看全部
  • <link href="style.css" rel="stylesheet" type="text/css"> 自带发光效果 <link href= 'http://fonts.googleapis.com/css?family=Fruktur'rel='stylesheet' type='text/css'>字体引用源
    查看全部
    0 采集 收起 来源:什么是CSS3?

    2018-03-22

  • :not选择器为否定选择器,和jQuery中的:not选择器一模一样,可以选择除某个元素之外的所有元素
    查看全部
  • transition: property duration timing-function delay;
    查看全部
  • 线性渐变: background-image:linear-gradient(渐变方向,开始颜色,颜色0,...,颜色n); 第一个参数:指定渐变方向,可以用“角度”的关键词或“英文”来表示: 角度 英文 作用 0deg to top 从下向上 90deg to right 从左向右 180deg to bottom 从上向下 270deg to left 从右向左 to top left 从右下角到左上角 to top right 从左下角到右上角 第一个参数省略时,默认为“180deg”,等同于“to bottom”。 第二个和第三个参数,表示颜色的起始点和结束点,可以有多个颜色值。 background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);
    查看全部
  • 颜色之RGBA RGB是一种色彩标准,是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。 语法: color:rgba(R,G,B,A) 以上R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数,取值在0~1之间,不可为负值。 代码示例: background-color:rgba(100,120,60,0.5);
    查看全部

举报

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

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