如何优化css代码(加粗css代码)

文章目录[隐藏]000;}把上面这段改成下面这段:.div1{height:200px;background:url()no-repeat;}.div2{top{margin-top:10px;margin-left:15px;}t

文章目录[隐藏]

  • 000; } 把上面这段改成下面这段: .div1{ height:200px; background:url() no-repeat; } .div2{
  • top{margin-top:10px; margin-left:15px;}
  • top{margin:10px 0 0 15px;}

如何优化css代码,加粗css代码

内容导航:

  • CSS 优化,提高性能的方法有哪些
  • CSS的优化
  • CSS优化怎么做
  • CSS代码
  • 一、CSS 优化,提高性能的方法有哪些

    1、尽量避免行内样式和页面内嵌样式2、减少CSS文件引用数量,生产环境压缩CSS文件。3、初始化样式只对用到的标签,避免使用*{}。4、避免对同一元素和类名多次重复定义某些属性,css代码能简写的尽量简写。5、放弃对老旧浏览器支持,少写hack。

    二、CSS的优化

    谁有css优化经验, 请提供样例代码, 给出优化前后的代码, 并请注明优化方向. 并请加好注释指出优化的方向.!.div1{
    width:100px;height:200px; background:url() no-repeat; border:1px solid #000;
    }.div2{ width:100px;height:500px; background:url() no-repeat; border:1px solid

    000; } 把上面这段改成下面这段: .div1{ height:200px; background:url() no-repeat; } .div2{

    height:500px; background:url() no-repeat; } .div_w_br{ width:10px;border:1px
    solid #000; }
    就是这个意思,细节上非千言万语讲不完,原理就是把一些有共性的东西写在一起,代码多了就可以节约css文件大小,任何东西都有两面性的,优化多了在可读性上面又牺牲不少,可能搞得你自己写的样式隔上个星期你自己都要看半天才懂!还有些用javascript脚本做的小程序,可在线压缩css文件代码的,也是这个原理,你可以搜索一下:css在线压缩、css在线优化

    三、CSS优化怎么做

    打个比方吧,

    top{margin-top:10px; margin-left:15px;}

    可以写成

    top{margin:10px 0 0 15px;}

    所谓的css优化就是尽量让代码变的简洁,写好的css也可以到站长工具里面压缩下。

    四、CSS代码

    答:代码一般开始有说明.如<linkhref=“/css/zhishi_“rel=“stylesheet“type=“text/css“>,其中的type=“text/css“>,即告诉你为代码格式

    本文内容由互联网用户自发贡献,该文观点仅代表作者本人。如发现本站有涉嫌抄袭侵权/违法违规的内容,请发送邮件至 449@qq.com 举报,一经查实,本站将立刻删除。本文链接:https://www.hnhgjc.com/n/21557.html

    (0)
    汤卡西的头像汤卡西
    上一篇 2022-04-28
    下一篇 2022-04-28

    相关推荐

    联系我们

    qq:65401449

    在线咨询: QQ交谈

    邮件:65401449@qq.com

    工作时间:周一至周五,9:30-18:30,节假日休息

    关注微信