亲爱的孟良
亲爱的孟良

css学习笔记

  • table元素

    • border-collapse:collapse 去掉默认边框
    • align属性，这个属性是div的属性，并不是css的样式,可以让div中的内容进行对齐

  • background详解

    • background-image,背景图片可以有多个，“，”隔开，多个图片由上向下显示
    background-image:url(top-image.jpg),url(bottom-image.jpg);
    • background-clip,控制背景图片的‘位置‘
    background-clip:border;//背景在border边框下开始显示
background-clip:padding;//背景在padding下开始显示，而不是border
background-clip:content;//背景在内容区域开始显示
background-clip:no-clip;//默认属性
    • background-attachment,定义背景图片随滚动轴的移动方式
    background-attachment:scroll;//，默认值，随页面的滚动背景图片也移动
background-attachment:fixed;//不随页面滚动而移动
background-attachment:inherit;//继承
    • background-position,背景图片的起始位置，有个前提background-attachment:fixed; 
    //前提别忘记
background:x y;
//分别是水平距离和垂直移动距离，记住左上角才是顶点，假设（0，0）的话，那就是左上角对齐，假设（100px,100px）那就是水平向右移动100px，垂直向下移动100px
//值可以是百分数
//值还可以是top right bottom left
//假设值为（right，top），也就是说明图片的右上角和标签的右上角重合
//假设值为（left，top），也就是说图片的左上角和标签的左上角重合，这就是所谓的“对应点”
    • background-size,大小
    background-size:contain;//缩小背景图片以适应标签元素
background-size:cover;//放大充满整个标签元素
background-size:100px 100px;//固定大小
background-size:百分比；//根据内容标签元素大小，来缩放
图片尺寸大小

  • z-index,仅仅在绝对定位、相对定位、固定定位的前提下才有效

  • 替换元素

替换元素指的,