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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • transform: matrix(a, b, c, d, e);//矩阵变换 这个css属性对应于canvas绘图中的 context.transform(a, b, c, d, e, f); /* a:水平缩放(默认值1) b:水平倾斜(默认值0) c:垂直倾斜(默认值0) d:垂直缩放(默认值1) e:水平位移(默认值0) f:垂直位移(默认值0) */
    查看全部
  • 背景图设置
    查看全部
  • 各个浏览器都需要加前缀
    查看全部
  • 媒体类型的引用方法也有多种,常见的有: 1)link标签、 2)@import (ie6 ,7 不支持) 3)CSS3新增的@media几种 @media方法 @media是CSS3中新引进的一个特性,被称为媒体查询。在页面中也可以通过这个属性来引入媒体类型。@media引入媒体类型和@import有点类似也具有两方式。 (1)在样式文件中引用媒体类型: @media screen { 选择器{/*你的样式代码写在这里…*/} } (2)使用@media引入媒体类型的方式是在<head>标签中的<style>中引用。 <head> <style type="text/css"> @media screen{ 选择器{/*你的样式代码写在这里…*/} } </style> </head>
    查看全部
  • Media Queries我们需要了解其中的两个重要部分, 第一、是媒体类型 第二、是媒体特性
    查看全部
  • 就有点类似于常用的border属性。但column-rule是不占用任何空间位置的,在列与列之间改变其宽度不会改变任何列的位置。
    查看全部
  • shadows: text-shadow: X-Offset Y-Offset blur color;
    查看全部
  • columns:<column-width> || <column-count> 多列布局columns属性参数主要就两个属性参数:列宽和列数。
    查看全部
  • CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。 线性渐变 语法:linear-gradient(to bottom,#fff,#999) 参数:第一个参数指定渐变方向,可以用角度或英文描述
    查看全部
  • 参数大致和background-orgin一样多一个 no-clip 主要用于 背景图片做适当的剪裁以适应实际需要。
    查看全部
  • border-box:有border时从border开始显示,即在最边处开始显示 padding-box:有padding时,在padding的边缘显示 content-box:在内容出开始显示 注意:背景不是no-repeat时,则无效,从边框开始。
    查看全部
  • 颜色之RGBA RGB是一种色彩标准,是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。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);
    查看全部
  • 为边框应用背景图片 border-image 语法: border-image:url(border.png) 70 70 70 70 repeat 参数: 1、切割图片的宽度,单位为像素,但省略px也可以使用百分比,遵循顺时针的规律来分别设置,也可以简写为70; 2、图片延伸方式:三个可选参数round(平铺)| repeat(重复)| stretch(拉伸)
    查看全部
  • “:only-of-type”选择器用来选择一个元素是它的父元素的唯一一个相同类型的子元素。这样说或许不太好理解,换一种说法。“:only-of-type”是表示一个元素他有很多个子元素,而其中只有一种类型的子元素是唯一的,使用“:only-of-type”选择器就可以选中这个元素中的唯一一个类型子元素。
    查看全部
  • :only-child”选择器选择的是父元素中只有一个子元素,而且只有唯一的一个子元素。也就是说,匹配的元素的父元素中仅有一个子元素,而且是一个唯一的子元素。
    查看全部

举报

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

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