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

十天精通CSS3

大漠 Web前端工程师
难度初级
时长 5小时 0分
  • background-clip : border-box padding-box content-box no-clip 参数分别表示从边框、或内填充,或者内容区域向外裁剪背景。no-clip表示不裁切,和参数border-box显示同样的效果。backgroud-clip默认值为border-box。
    查看全部
  • background-origin : border-box padding-box content-box; 参数分别表示背景图片是从盒子的边框,还是内边距(默认值),或者是内容区域开始显示。
    查看全部
  • @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; }
    查看全部
  • 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果,代码如下: text-overflow:ellipsis; overflow:hidden; white-space:nowrap; 同时,word-wrap也可以用来设置文本行为,当前行超过指定容器的边界时是否断开转行。
    查看全部
  • CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial).<br> background-image:linear-gradient(to top left,red,blue,green); linear-gradient(渐变方向,启示颜色,终止颜色)//可以多种颜色
    查看全部
  • 线性渐变: background-image:linear-gradient(渐变方向,开始颜色,颜色0,...,颜色n); 渐变方向: 角度   英文   作用 0deg to top 从下向上 90deg to right 从左向右 180deg to bottom 从上向下 270deg to left 从右向左 to top left 从右下角到左上角 to top right 从左下角到右上角
    查看全部
  • box-shadow: x偏移量 y轴偏移量 [阴影模糊距离] [阴影扩展半径] [阴影颜色] [投影方式];<br> 解释:x轴和y轴可以为正值也可以为负值。x轴正值,阴影方向向右;y轴正值,阴影方向向下; x轴负值,阴影方向向左;y轴为正值,阴影方向向上;
    查看全部
  • @media 媒体类型and (媒体特性){你的样式}
    查看全部
  • 媒体类型的引用方法也有多种,常见的有:link标签、@import和CSS3新增的@media几种:
    查看全部
  • flex项目称动到左边或右边也取决于主轴的方向。如果flex-direction设置为row,设置justify-content控制方向;如果设置为column,设置align-items控制方向。
    查看全部
  • column-rule主要是用来定义列与列之间的边框宽度、边框样式和边框颜色。简单点说,就有点类似于常用的border属性。但column-rule是不占用任何空间位置的,在列与列之间改变其宽度不会改变任何列的位置。
    查看全部
  • -webkit-column-width和-webkit-column-count不能同时使用
    查看全部
  • 1.box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]; 2.不同种的阴影中间用逗号隔开。 3.偏移量可以用负的。
    查看全部
  • animation-direction:normal alternate [, normal alternate]*
    查看全部
  • iteration 反复,重复
    查看全部

举报

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

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