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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • background-clip 用来将背景图片做适当的裁剪以适应实际需要。 语法: background-clip : border-box padding-box content-box no-clip 参数分别表示从边框、或内填充,或者内容区域向外裁剪背景。no-clip表示不裁切,和参数border-box显示同样的效果。backgroud-clip默认值为border-box。
    查看全部
  • 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);
    查看全部
  • “:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是,元素中设置了“readonly=’readonly’”
    查看全部
  • :checked选择器 使用:checked选择器配合其他标签实现自定义样式,复写单选按钮哈复选按钮的选中状态样式
    查看全部
  • :only-child(只有一个孩子,独生子); :only-of-type(有一堆孩子,但是只有一个你);
    查看全部
  • “:nth-of-type(n)”选择器和“:nth-child(n)”选择器非常类似,不同的是它只计算父元素中指定的某种类型的子元素。当某个元素中的子元素不单单是同一种类型的子元素时,使用“:nth-of-type(n)”选择器来定位于父元素中某种类型的子元素是非常方便和有用的。在“:nth-of-type(n)”选择器中的“n”和“:nth-child(n)”选择器中的“n”参数也一样,可以是具体的整数,也可以是表达式,还可以是关键词。
    查看全部
  • first-of-type选择器 “:first-of-type”选择器类似于“:first-child”选择器,不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。 示例演示: 通过“:first-of-type”选择器,定位div容器中的第一个p元素(p不一定是容器中的第一个子元素),并设置其背景色为橙色。
    查看全部
  • 结构性伪类选择器—nth-child(n)
    查看全部
  • :read-write选择器 用来指定当元素处于非只读状态时的样式
    查看全部
  • :read-only选择器 用来指定处于只读状态的元素的样式。就是在元素中设置了“readonly=‘readonly’”
    查看全部
  • ::selection选择器 用来匹配突出显示的文本 在Firefox浏览器中需要添加前缀
    查看全部
  • :checked选择器 使用:checked选择器配合其他标签实现自定义样式,复写单选按钮哈复选按钮的选中状态样式
    查看全部
  • :not选择器称为否定选择器,和jQuery中的:not选择器一模一样,可以选择除某个元素之外的所有元素。就拿form元素来说,比如说你想给表单中除submit按钮之外的input元素添加红色边框,CSS代码可以写成:
    查看全部
  • :disabled选择器 与:enabled选择器相反,用来选择不可用的表单元素。 要正常使用:disabled选择器,需要在表单元素的HTML中设置“disabled”属性。
    查看全部
  • <a href="xxx.pdf">我链接的是PDF文件</a> <a href="#" class="icon">我类名是icon</a> <a href="#" title="我的title是more">我的title是more</a> css代码   a[class^=icon]{ background: green; color:#fff; } a[href$=pdf]{ background: orange; color: #fff; } a[title*=more]{ background: blue; color: #fff; }
    查看全部

举报

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

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