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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • ol > li:nth-child(2n+1){ background: green; } 给奇数行的列加上颜色
    查看全部
  • 我能保存这段代码么?
    查看全部
  • keyframes 称为关键帧,其类似于flash的关键帧。在css中主要以“@keyframes"开头,后面紧跟着动画名称加上一对花括号,括号中是一些不同时间段样式规则 @keyframes changecolor{ %0{ background:red; } %100{ background:green; }
    查看全部
  • 变形--旋转 rotate() 旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。如果这个值为正值,元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转。如下图所示: HTML代码: <div class="wrapper"> <div></div> </div> CSS代码: .wrapper { width: 200px; height: 200px; border: 1px dotted red; margin: 100px auto; } .wrapper div { width: 200px; height: 200px; background: orange; -webkit-transform: rotate(45deg); transform: rotate(45deg); } 演示结果
    查看全部
  • 语法: background-origin : border-box | padding-box | content-box; 需要注意的是,如果背景不是no-repeat,这个属性无效,它会从边框开始显示。
    查看全部
  • (1)讲解transform的博客:http://blog.sina.com.cn/s/blog_5cd7f5b40101h6hj.html (2)建立书签 语法:<a name="书签名称">文字</a> 链接到同一页面的书签(运用) 语法:<a href="#书签的名称">链接的文字</a> 链接到不同页面的书签 语法:<a href="链接文件的地址#书签名称">链接的文字</a> (注意引号和#号) 正常情况下点击:<a href="#书签名称">链接的文字</a>这个链接,则光标会自动跳转到本页面的:<a name="书签名称">文字</a>的位置。 但是你写成:<a href="#">链接的文字</a>而不写书签名称实际上就是什么都不跳转。一般只有在<a onclick="">的时候才会到href="#" 你就当他是空链接 这样写 显示 是链接效果(比如鼠标变小手)但是没有页面跳转
    查看全部
  • ":first-of-type"选择器类似于":first-child"选择器,不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。
    查看全部
  • :first-child 选择器表示的是选择元素的第一个子元素的元素e,简单点理解就是选择元素中的第一子元素,记住是子元素,而不是后代元素。
    查看全部
  • :target 选择器称为目标选择器,用来匹配页面的URL的某个标识符的目标元素。
    查看全部
  • href=#brand 和某个元素的id号进行匹配使用 target使用
    查看全部
  • div:not([id="footer"]){ background-color:blue; }
    查看全部
  • text-shadow: X-Offset Y-Offset blur color;
    查看全部
  • @font-face { font-family: "MOOC Font"; src: url("http://www.imooc.com/Amaranth-BoldItalic.otf"); @font-face 加载服务器端的字体文件
    查看全部
  • text-overflow:ellipsis;//文本显示省略号 overflow:hidden; white-space:nowrap; word-wrap:break-word;//内容在边界内换行
    查看全部
  • background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet); 背景颜色渐变效果
    查看全部

举报

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

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