为了账号安全,请及时绑定邮箱和手机立即绑定
  • 渐变色彩 linear-gradient
    语法  linear-gradient(渐变方向,后面则是从开始到结束有哪些颜色)
    渐变方向:to top  从下到上  0deg
              to bottom 从上到下 180deg
              to right 从左到右 90deg
              to left 从右到左 270deg
              to top left 从右下到左上
              to top right 从左下到右上
              to bottom right 从左上到右下
              to bottom left 从右上到左下


    查看全部
  • color:rgba(R,G,B,A)
    R:红
    G:绿       这三个取值都是 0-255
    B:蓝
    A:透明度参数,取值0到1之间


    查看全部
  • 边框图片 border-image
    格式  border-image:url(图片路径) 切割图片的宽度 图片延伸方式
    切割图片的宽度:单为px 越大图片显示越小
    图片延伸方式 round:平铺  边框四个角为图片四个角,中间重复图片内容
                 repeat:重复   边框四个角为图片四个角,中间重复图片内容
                 stretch:拉伸   边框四个角为图片四个角  中间对图片拉伸铺满


    查看全部
  • box-shadow:X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式]

    X轴偏移量和Y轴偏移量必需写,其他几个可选

    X轴偏移量:从左到右偏移,可以为负

    Y轴偏移量:从上到下偏移,可以为负

    阴影模糊半径:越大,阴影越模糊,当非常大时,就是实心,非常小也是实心,不能为负

    阴影扩展半径:值越大,阴影从四周到中心占的地方就越多,可以为负

    投影方式:有两个:inset:阴影在内部,不设置是外边缘

                                   

    查看全部
  • border-radius:四个角的半径,顺时针
    实心上半圆:height为width的一半,border-radius的左上角和右上角至少为height的值,左下角和右下角为0;
             即  height:t 
                 width:2t
                 border-radius:t t(或更大) 0 0
    实心下半圆的height和width与上半圆相同,border-radius是左右上角为0
    实心左右半圆类似
    实心圆:height和width相同,border-radius的值为height或width一半


    查看全部
  • border 也可以使用 image

    查看全部
  • border: 4px 4px 4px 4px;

    左上 右上 右下 左下的顺序

    半圆: 以div为半径, 比如100px 100px的正方形,radius 50px就是圆形, 半圆形 50px 50px 0 0

    查看全部
  • white-space: nowrap

    overflow: hidden;

    text-overflow: clip | ellipsis

    word-break: normal | break-all | keep all

    word-wrap: normal | break-word

    查看全部
  • box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] 
    [阴影扩展半径] [阴影颜色] [投影方式];


    查看全部
  • border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */


    查看全部
  • CSS 3

    查看全部
    0 采集 收起 来源:什么是CSS3?

    2020-03-30

  •  多行

    display: 

        -webkit-box;

        -webkit-line-clamp: 2;

        -webkit-box-orient: vertical;


    查看全部
  • border-radius是向元素添加圆角边框。然后他的的值可以是1个也可以是4个,4个的话 就是 左上角,右上角,右下角,左下角。和padding一样也是顺时针设置

    查看全部
  • CSS3能做什么? 1.圆角效果 2.块阴影与文字阴影 3.色彩 CSS3支持更多的颜色和更广泛的颜色定义。新颜色CSS3支持HSL , CMYK ,HSLA and RGBA。

    查看全部
    0 采集 收起 来源:CSS3能做什么?

    2020-03-17

  • 选中的是div的最后一个元素,而不是父级div中的最后一个元素

    查看全部

举报

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

微信扫码,参与3人拼团

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

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