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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • 从表面看,两个长得不一样,字面解释,一个只读,一个禁用。readonly只针对input(text/password),textarea这样的文本输入域(不包括select等元素)有效,而disabled对所有表单元素均有效。
    查看全部
  • html<p>“::selection”伪元素是用来匹配突出显示的文本。浏览器默认情况下,选择网站文本是深蓝的背景,白色的字体,</p>
    查看全部
  • ::-moz-selection { background: red; color: green; } ::selection { background: red; color: green; } 注意: 1、IE9+、Opera、Google Chrome 以及 Safari 中支持 ::selection 选择器。 2、Firefox 支持替代的 ::-moz-selection。
    查看全部
  • + 是css的相邻选择符。 关系选择符只有四种,是 空格 + > ~ :在伪类选择器里会用
    查看全部
  • input[type="checkbox"] + span { opacity: 0; } input[type="checkbox"]:checked + span { opacity: 1; }
    查看全部
  • “:disabled”选择器刚好与“:enabled”选择器相反,用来选择不可用表单元素。要正常使用“:disabled”选择器,需要在表单元素的HTML中设置“disabled”属性。
    查看全部
  • 在Web的表单中,有些表单元素有可用(“:enabled”)和不可用(“:disabled”)状态,比如输入框,密码框,复选框等。在默认情况之下,这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。 div{ margin: 20px; } input[type="text"]:enabled { background: #ccc; border: 2px solid red; }
    查看全部
  • 使用服务器上的字体方法: 1.定义 @font-face{ font-family:名称x; src:字体文件在服务器上的相对或绝对路径; } 2.使用 在要设置字体的元素中增加属性 font-family:名称x
    查看全部
  • 选择器中的+号:相邻同胞选择器   如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器
    查看全部
  • `box-shadow:[X偏移][Y偏移][模糊半径][扩展半径][阴影颜色][投影方式]; X偏移:0 左右平分,0- 右边投影,0+ 左边投影 Y偏移:0 上下平分, 0- 从下投影, 0+ 上方投影 模糊半径:模糊部分的的半径 扩展半径:实心部分的半径 阴影颜色:颜色 投影方式:inset为内部阴影方式 默认为外阴影方式
    查看全部
  • 在CSS3中的变形,如rotate(),skew(),scale(),translate(),都可以使用矩阵matrix()函数来代替。<br> Matrix()与translate()关系:translate(x,y)对应Matrix(1,0,0,1,x,y);<br> Matrix()与scale()关系:scale(x,y)对应Matrix(x,0,0,y,0,0);<br> Matrix()与rotate()关系:rotate(x)对应Matrix(cos(x),sin(x),-sin(x),cos(x),0,0)<br> Matrix()与skew()关系:skew(x,y)对应Matrix(1,tan(x),tan(y),1,0,0)
    查看全部
  • X轴偏移 Y轴偏移 模糊半径 扩展半径 阴影颜色
    查看全部
  • 文字溢出时溢出部分显示省略号 text-overflow:ellipsis;设置省略号 over-flow:hidden;设置溢出的部分为隐藏 white-space:nowrap;设置文字在一行内显示
    查看全部
  • text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
    查看全部
  • 1.色彩线性渐变的属性是linear-gradient,参数主要有2个一个是颜色变化的方向,一个是颜色的范围。
    查看全部

举报

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

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