• CSS常见技巧


    • CSS Sprite(雪碧图|精灵图)指什么? 有什么作用

    是指将多个icon图拼接成一幅大图,该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。作用是减少加载网页图片时对服务器的请求次数,提高页面的加载速度

    • img标签和CSS背景使用图片在使用场景上有何区别

    img图片一般使用在需要更换内容的图片,即图片和内容是相关的;CSS背景一般是针对固定不变的内容,如图标等背景图。

    • title 和 alt属性分别有什么作用

    title是鼠标移动到目标时所显示的提示文字;alt是元素未加载时显示的提示文字,使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。

    • background: url(abc.png) 0 0 no-repeat;这句话是什么意思

    使用abc.png作为背景图片,位置坐标固定于(0,0)处,不重复显示。

    • background-size有什么作用? 兼容性如何? 常用的值是?

    背景图的尺寸大小

    • 如何让一个div水平居中?如何让图片水平居中

    设置div:margin:0 auto;

    图片水平居中:text-align:center

    • 如何设置元素透明? 兼容性?

    opacity:取值范围(0,1)

    • opacity 和 rgba都能设置透明,有什么区别

    opacity可以用在任何元素上,并且不会控制元素的颜色;
    rgba是只能用于可以使用color属性的元素,并且必须要设置四个值,会影响元素颜色。
    opacity会影响所有后代元素,rgba只作用于当前元素。

  • 相关阅读:
    今日进度
    今日进度
    今日进度
    今日进度
    pandas连接MySQL和impala
    sql语句获取今天、昨天、近7天、本周、上周、本月、上月、半年数据
    Python报错 ValueError: arrays must all be same length
    Python 连接 impala
    Test
    Selective Search for Object Recognition
  • 原文地址:https://www.cnblogs.com/xiulingy/p/6193049.html
Copyright © 2020-2023  润新知