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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • text-overflow:ellipsis; overflow:hidden; white-space:nowrap; clip:表示剪切,ellipsis:表示显示省略标记 溢出显示省略号
    查看全部
  • 若链接的类元素名称开头中含val,则以下的含val开头的类都可随之改变, 如:P[class^=”common”] class=“commonA” class=“commonB” 此时对p内的元素设置css样式时,对class=“commonA” class=“commonB”类中元素同样起作用,注意前面的(E)(att)要相同,且属性值开头要相同。同理可得“结尾”“包含”的含义
    查看全部
  • 1.用伪元素和线性渐变画出中间细线 content:""; background:linear-gradient(to bottom,#f82f87,#c4444d,#f82f87); 2.last-child::after 伪类选择器选中最后一li后面的content li:last-child::after 3.box-shadow box-shadow:1px 6px 0px #e64545;
    查看全部
  • 1.用伪元素和线性渐变画出中间细线 content:""; background:linear-gradient(to bottom,#f82f87,#c4444d,#f82f87); 2.last-child::after 伪类选择器选中最后一li后面的content li:last-child::after
    查看全部
  • 伪类选择器冒号前不要有空格!!!
    查看全部
  • 【CSS3】【结构性伪类选择器】 [1].:root选择器。根选择器,匹配元素所在文档的根元素。在HTML文档中,根元素始终是<html>。 “:root”选择器等同于<html>元素『建议使用:root方法。另外在IE9以下还可借助:root实现hack功能』 [2].:not选择器。否定选择器,和jQuery中的:not选择器一模一样,可以选择除某个元素之外的所有元素。 例:input:not([type="submit"]) [3].:empty选择器。表示空。用来选择没有任何内容的元素(这里没有内容指的是一点内容都没有,哪怕是一个空格)。 例:HTML:<p></p>​ CSS:p:empty{display: none;}​ [4].:target选择器。目标选择器,用来匹配文档(页面)的url的某个标志符的目标元素。 例:<h2><a href="#brand">Brand</a></h2> <div class="menuSection" id="brand">content for Brand</div> 具体来说,触发元素的URL中的标志符通常会包含一个#号,后面带有一个标志符名称,上面代码中是:#brand。:target就是用来匹配id为“brand”的元素(id="brand"的元素),上面代码中是那个div元素。 多个url(多个target)处理:当同一个页面上有很多的url的时候可以取不同的名字,只要#号后对的名称与id=""中的名称对应就可以了。如下面例子:#brand:target [5].:first-child选择器。选择父元素的第一个子元素的元素。就是选择元素中的第一个子元素(而不是后代元素)。 [6].:last-child选择器。 [7].:nth-child(n)选择器用来定位某个父元素的一个或多个特定的子元素。其中“n”可以是整数值(1,2,3,4),也可以是表达式(2n+1、-n+5)和关键词(odd、even),(参数n的起始值始终是1,而不是0)。参数n的值为0时,选择器将选择不到任何匹配的元素。 [8].:nth-last-child(n)选择器。所起的作用和“:nth-child(n)”选择器有所区别,是从某父元素的最后一个子元素开始计算,来选择特定的元素。
    查看全部
  • #brand:target p 指定Id为brand下的P元素 结构性伪类选择器—target :target选择器称为目标选择器,用来匹配文档(页面)的url的某个标志符的目标元素。 1、具体来说,触发元素的URL中的标志符通常会包含一个#号,后面带有一个标志符名称,上面代码中是:#brand 2、:target就是用来匹配id为“brand”的元素(id="brand"的元素),上面代码中是那个div元素。 多个url(多个target)处理: 就像上面的例子,#brand与后面的id="brand"是对应的,当同一个页面上有很多的url的时候你可以取不同的名字,只要#号后对的名称与id=""中的名称对应就可以了。
    查看全部
  • 这个没有弄出来,3、制作导航分隔线 提示:使用渐变与伪元素制作 渐变和伪元素掌握不好
    查看全部
  • 看不懂
    查看全部
  • x轴偏移量为正时阴影在边框的右边,为负时在左边;y轴偏移量为正时阴影在边框的下边,为负时在上边。
    查看全部
  • 在Web中插入内容: CSS3的伪类“:before”,“:after”和伪元素“::before”、“::after”, 其关键是依靠CSS3中的“content”属性来实现。不过这个属性对于img和input元素不起作用。
    查看全部
    0 采集 收起 来源:CSS生成内容

    2015-06-18

  • outline: [outline-color] || [outline-style] || [outline-width] || [outline-offset] || inherit
    查看全部
    0 采集 收起 来源:CSS3外轮廓属性

    2015-06-18

  • textarea{ -webkit-resize:none; -moz-resize:none; -o-resize:none; -ms-resize:none; resize:none; }
    查看全部
  • textarea { resize:none; /* 用户不能拖动元素 */ }
    查看全部
  • <meta name='viewport' content='width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scale=no' />
    查看全部

举报

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

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