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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • 6个属性的意思的:第一个宽度比例1就是原大小,第二个是上下倾斜1就是2倍,2就是3倍,第三个是左右倾斜,数字和第二个一样的意思,第四个是高度比例1就是原大小,第五个是X方向的像素位移,X方向就是左右,第六个是Y方向的像素位移,X方向就是上下
    查看全部
  • 在HTML中,通过各种各样的属性可以给元素增加很多附加的信息。例如,通过id属性可以将不同div元素进行区分。 在CSS2中引入了一些属性选择器,而CSS3在CSS2的基础上对属性选择器进行了扩展,新增了3个属性选择器,使得属性选择器有了通配符的概念,这三个属性选择器与CSS2的属性选择器共同构成了CSS功能强大的属性选择器
    查看全部
  • 1.transform:rotate(-20deg); 代表 逆时针旋转20度 2.在父元素里有旋转要使里面的不旋转就要反方向旋转来抵消
    查看全部
  • 为什么圆角半径100px 50px的效果一样的?
    查看全部
  • 边框原理不是很懂
    查看全部
  • 第二节 渐变色彩 CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。 linear-gradient(to bottom, red, green) 指定渐变方向: 0deg to top 从下向上 90deg to right 从左到右 180deg to bottom 从上向下 270deg to left 从右向左 to top left 右下角到左上角 to top right 左下角到右上角 颜色的起始点和结束点,可以有多个颜色值。
    查看全部
  • 第一节 颜色之RGBA color:rgba(R,G,B,A) RGBA是在RGB的基础上增加了控制alpha透明度的参数。 R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。 A为透明度参数,取值在0~1之间,不可为负值。
    查看全部
  • 第三节 为边框应用图片 border-image border-image:url(img.jpg) 70 70 70 70 repeat; 图片剪裁位置:切割图片的宽度,单位为像素但省略px,也可以用百分比,顺时针,四个数字一致可只写一个。 图片延伸方式:repeat(重复) round(平铺)stretch(拉伸)
    查看全部
  • translate(x,y)
    查看全部
  • scale()缩放
    查看全部
  • 旋转了之后,扭曲失效
    查看全部
  • skew(x,y) skewX(x) skewY(y)
    查看全部
  • transform:rotate(角度deg) 正值为顺时针 负值为逆时针
    查看全部
  • 1. 阴影模糊半径与阴影扩展半径的区别: 阴影模糊半径:可选,只能正值,0表示不模糊,其值越大阴影的边缘就越模糊; 阴影扩展半径:可选,可以正负值,如果值为正,则整个阴影都延展扩大,反之值为负值时,则缩小; 2.X轴偏移量和Y轴偏移量值可以设置为负数 X轴偏移量负数,阴影到左边。 Y轴偏移量负数,阴影到上边。
    查看全部
  • 投影方式   可选。设置inset时为内部阴影方式,如省略为外阴影方式。外阴影无需写outset,inset 可以写在参数的第一个或最后一个,其它位置是无效的。 如果添加多个阴影,只需用逗号隔开即可。 .box_shadow{ box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset; }
    查看全部

举报

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

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