为了账号安全,请及时绑定邮箱和手机立即绑定
  • background-size背景图片的大小 aotu:不改变图片 <长度值>:设置长度和宽度,若设置一个值,则那个值为等比例的宽度值 <百分比>:0-100%,原图片的百分之几 cover:将背景图片等比缩放以填满整个容器 contain:将背景图片等比缩放至某一边紧贴容器边缘为止
    查看全部
  • background-clip背景图片的裁剪 background-clip:border-box(保留到边框及以内) background-clip:padding-box(保留到内填充及以内) background-clip:content-box(保留到内容及以内) background-clip:no-clip(不裁剪) 默认是border-box,保留到边框及以内;
    查看全部
  • 当背景是no-repeat的时候,可以用background-origin设置背景图的位置 background-origin:border-box;从边框开始(顶在左上角) background-origin:padding-box;从内边距开始(定在内边距左上角) background-origin:content-box;从内容开始(在内容正中间) 默认是padding-box
    查看全部
  • 文本阴影text-shadow text-shadow:阴影的水平偏移 垂直偏移 模糊程度(越大越模糊) color; eg:text-shadow:0 1px 1px #fff
    查看全部
  • 嵌入字体 @font-face 可以显示电脑里没装的字体,加载服务器 @font-face{ font-family:字体名称; src:字体文件在服务器的相对或者绝对路径; } p{ font-size:12px; font-family:"My Font";/*这个字体名字就是上面的字体名称*/ }
    查看全部
  • css3 使文字溢出时显示为省略号 text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
    查看全部
  • css3颜色 渐变色彩 线性渐变:linear-gradient(to bottom,#fff,#999) (径向渐变linear-radial) 第一个参数 :渐变方向 to top:从下向上 to right:从左向右 to bottom:从上向下 to left:从右向左 to top left:从右下到左上 to top right:从左下到右上 默认 to bottom 第二个参数和第三个参数,表示颜色的起始点和结束点,可以有多个颜色值 eg:background-image:linear-gradient(to left,red,orange,yellow,green,blue,indigo,voilet);
    查看全部
  • 注意:inset 可以写在参数的第一个或最后一个,其它位置是无效的。
    查看全部
  • css3颜色 颜色之RGBA RGB:红绿蓝 RGB:在RGB的基础上增加了控制alpha透明度的参数 语法:color:rgba(R,G,B,A) R、G、B的取值范围0-255 百分数范围是0.0%-100.0% 不可为负数
    查看全部
  • CSS3背景 background-origin 设置元素背景图片的原始起始位置。 语法: background-origin : border-box | padding-box | content-box; 参数分别表示背景图片是从边框,还是内边距(默认值),或者是内容区域开始显示。 效果如下: 需要注意的是,如果背景不是no-repeat,这个属性无效,它会从边框开始显示。
    查看全部
  • CSS3边框 阴影 box-shadow(二) 1、阴影模糊半径与阴影扩展半径在区别 阴影模糊半径:此参数可选,值只能是正值,若为0,不具有模糊效果。 阴影扩展半径:可正可负,如果是正,整个阴影都扩大,反之缩小。 2、x轴偏移量和y轴偏移量可以设置为负数
    查看全部
  • 1、-moz-:代表FireFox浏览器私有属性 2、-ms-:代表IE浏览器私有属性 3、-webkit-:代表safari、chrome浏览器私有属性 4、-o-:代表opera浏览器私有属性
    查看全部
  • 1. top:50%,left:50%,是将色块的左上角定位在了屏幕的中央,但是,整体并不在中央; 2. translate的百分比是根据自身的宽度和高度来定的,translate(-50%,-50%) 配合 top:50%,left:50% 实现了居中
    查看全部
  • scale(X,Y)使元素水平方向和垂直方向同时缩放 注意:Y是一个可选参数,如果没有设置Y值,则表示X,Y两个方向的缩放倍数是一样的。
    查看全部
  • 旋转 rotate(?deg)函数 真值为顺时针
    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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