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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • animation: wobble 5s ease .1s;
    查看全部
  • <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>属性选择器</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <form action="#"> <div> <label for="name">姓名:</label> <input type="text" name="name" id="name" placeholder="大" /> </div> <div> <label for="address">地址:</label> <input type="text" name="address" id="address" placeholder="中国上海" readonly="readonly" /> </div> <div> <label for="comment">评论:</label> <textarea name="comment" id="" cols="30" rows="10" readonly="readonly"></textarea> </div> </form> </body> </html>
    查看全部
  • <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>属性选择器</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <form action="#"> <div> <label for="name">姓名:</label> <input type="text" name="name" id="name" placeholder="大" /> </div> <div> <label for="address">地址:</label> <input type="text" name="address" id="address" placeholder="中国上海" readonly="readonly" /> </div> <div> <label for="comment">评论:</label> <textarea name="comment" id="" cols="30" rows="10" readonly="readonly"></textarea> </div> </form> </body> </html>
    查看全部
  • 扭曲skew()函数能够让元素倾斜显示。它可以将一个对象以其中心位置围绕着X轴和Y轴按照一定的角度倾斜。这与rotate()函数的旋转不同,rotate()函数只是旋转,而不会改变元素的形状。skew()函数不会旋转,而只会改变元素的形状。 自己的理解: 使用函数skew(x,y)中 x:为正数时,x的方向长度不变,y的长度变了,图像变形的方向是向左,是负数时,变形 的方向是向右。 y:为正数时,图像的变形方向是向左,y的长度不变,x的长度变了,为负数时,变形的方向是向右。
    查看全部
  • E[att^="val"] 是指 寻找E元素中 属性为att的值 以val开头的字符串! E[att$="val"]--------------------------------以val结尾-------- E[att*="val"]-------------------------------含有val的任何字符串!
    查看全部
  • ::before和::after这两个主要用来给元素的前面或后面插入内容,这两个常和"content"配合使用,使用的场景最多的就是清除浮动。
    查看全部
  • “:first-child”选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素,记住是子元素,而不是后代元素。
    查看全部
  • boxshadow: x y 偏移量(只能为正值) x y的取值:右下为正 左上为负!
    查看全部
  • div中的id与a标签中的id对应,在css中写成#id:target后面对应相应的标签(:后面没有空格)
    查看全部
  • :not([...])
    查看全部
  • border-radius:像素单位 四个参数: 第一个参数表示左上, 第二个参数表示右上, 第三个参数表示右下, 第四个参数表示左下, 可按照顺时针记忆
    查看全部
  • 使用word-wrap可以让超出边界的文字换行。
    查看全部
  • 使用外部的字体需要使用@font-face进行链接,在@font-face内部设置字体的名字以及src 在使用新字体的时候需要使用正确的字体名字,和其它的字体使用方法一样:font-xxx
    查看全部
  • 当文本长度超出了标签的frame之后使用text-overflow属性进行断句,具体表现有使用省略号和直接断字。 text-overflow:clip text-overflow:ellipsis
    查看全部
  • 对标签进行背景颜色的渐变使用linear-gradient 他的语法为linear-gradient:(to where ,colors) 解释一下就是,第一个参数为方向,可以为to top、to right、to bottom、to left、to top left、to top right、to bottom right、to bottom left等等方向 第二个参数是渐变的颜色,字少要有两个颜色
    查看全部

举报

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

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