位置: 编程技术 - 正文

css代码优化的12个技巧(css优化提高性能的方法有哪些)

编辑:rootadmin

1.ID 规则2.Class 规则3.标签规则4.通用规则对效率的普遍认识是从Steve Souders在年出版的《高性能网站建设进阶指南》开始,虽然该书中罗列的更加详细,但你也可以在这里查看完整的引用列表,也可以在谷歌的《高效CSS选择器的最佳实践》中查看更多的细节。本文我想分享一些我在编写高性能CSS中用到的简单例子和指南。这些都是受到MDN 编写的高效CSS指南的启发,并遵循类似的格式。

一、避免过度约束

一条普遍规则,不要添加不必要的约束。

二、后代选择符最烂不仅性能低下而且代码很脆弱,html代码和css代码严重耦合,html代码结构发生变化时,CSS也得修改,这是多么糟糕,特别是在大公司里,写html和css的往往不是同一个人。

三、避免链式(交集)选择符这和过度约束的情况类似,更明智的做法是简单的创建一个新的CSS类选择符。

四、坚持KISS原则想象我们有如下的DOM:

下面是对应的规则……

五、使用复合(紧凑)语法尽可能使用复合语法。

六、避免不必要的命名空间

七、避免不必要的重复尽可能组合重复的规则。八、尽可能精简规则在上面规则的基础上,你可以进一步合并不同类里的重复的规则。九、避免不明确的命名约定最好使用表示语义的名字。一个好的CSS类名应描述它是什么而不是它像什么。十、避免 !importants其实你应该也可以使用其他优质的选择器。

十一、遵循一个标准的声明顺序

虽然有一些排列CSS属性顺序常见的方式,下面是我遵循的一种流行方式。十二、组织好的代码格式代码的易读性和易维护性成正比。下面是我遵循的格式化方法。

显然,这里只讲述了少数的规则,是我在我自己的CSS中,本着更高效和更易维护性而尝试遵循的规则。如果你想阅读更多的知识,我建议阅读MDN上的编写高效的CSS和谷歌的优化浏览器渲染指南。

推荐整理分享css代码优化的12个技巧(css优化提高性能的方法有哪些),希望有所帮助,仅作参考,欢迎阅读内容。

css代码优化的12个技巧(css优化提高性能的方法有哪些)

文章相关热门搜索词:css3性能优化,css优化提高性能的方法有哪些,解决css js性能优化,前端css优化,如何优化css性能,css性能优化技巧,在线css优化工具,css性能优化技巧,内容如对您有帮助,希望把文章链接给更多的朋友!

低版本IE正常运行HTML5+CSS3网站的3种解决方案 如果开发时按最低标准,比如IE6不支持的特性,我们统统不用,那就没有必要写这篇文章了;但我想这种情况极少,更多的开发,是在现代浏览器上使

CSS Hack大全-教你如何区分出IE6-IE、FireFox、Chrome、Opera 现在的浏览器IE6-IE、Firefox、Chrome、Opera、Safari。。。数量众多,可谓百家争鸣,对用户来说有了很多的可选择型,不过这可就苦了Web前端开发人员了

ie6,ie7,ie8完美支持position:fixed的终极解决方案 ie6对position:fixed不支持,网上有很多解决方法,有的在ie6,ie7上调试成功后,在ie8上又不好使,div层还是跟随滚动条浮动;以下总结方法,在ie6,ie7,ie8上都

标签: css优化提高性能的方法有哪些

本文链接地址:https://www.jiuchutong.com/biancheng/372098.html 转载请保留说明!

上一篇:三个不常见的 HTML5 实用新特性简介(三个不常见的词语有哪些)

下一篇:低版本IE正常运行HTML5+CSS3网站的3种解决方案(贴吧热门评论)

  • 财税证与会计证区别
  • 差额纳税是什么税
  • 外国常驻代表机构办理税务登记
  • 单位卖二手车需要交什么税
  • 厂房地面硬化
  • 增值税的税目有哪些类型
  • 银行的记账凭证怎么做
  • 新公司成立第一次会议
  • 增值税专用发票和普通发票的区别
  • 公司哪些支出不影响报表净利润总额
  • 资本金利润率多少
  • 食堂买的固定资产怎么帐务处理
  • 委托加工收回后直接销售的消费税
  • 开办费转入管理费用分录
  • 企业应纳税所得额计算例题
  • 企业自建房转让如何交土地增值税
  • 预警税负率表
  • 水利建设基金有优惠政策吗
  • 一个月无纳税凭证怎么处理
  • 分公司负债,总公司要负担
  • 公司两套账怎么记账
  • 工会职工活动支出标准
  • 企业收到政府补贴100000元业务题
  • mac系统怎么更改输入法
  • 鸿蒙系统怎么切换回安卓
  • 增值税当月申报次月缴纳吗
  • 不动产投资包括哪些
  • PHP随手笔记整理之PHP脚本和JAVA连接mysql数据库
  • Radio.exe - Radio是什么进程 有什么用
  • 修改linux启动项
  • 广告制作公司成本核算包含哪些
  • phpdie
  • intempt
  • 二手商铺的税费太高了吧
  • 履约保证金和质保金可以一起收取吗
  • 支付宝小程序跳回app
  • 固定资产清查盘盈盘亏的账务处理
  • 长期股权投资采用权益法核算
  • 物流公司交保险是骗局吗
  • 真菌感染手指甲空了
  • 税务文书送达回证企业要盖章吗
  • thinkphp环境搭建教程
  • 2021年食用油税率
  • 冲以前年度成本分录
  • 公司法关于公司变更后权利义务的规定
  • vue this.$el
  • 股票分红个人所得税
  • 汽车的计提折旧
  • 核定扣除投入产品怎么算
  • 上年度企业所得税调整需要调账吗
  • 待摊费用和预提费用都属于资产类科目
  • 善意取得增值税专用发票所得税
  • 在建工程待摊支出结转
  • 代金券消费怎么做分录
  • 进项税额转出如何计算增值税
  • 固定资产为什么要提减值准备
  • 内部使用的收据可以做原始凭证吗
  • 红字发票抵扣时增值税纳税申报表如何处理
  • 取得房租发票的租赁费可以抵税吗
  • 去年的会计凭证做错了,今年发现要怎么修改
  • sqlserver key
  • win8怎么禁用强制驱动签名
  • linux用户空间获取TCP序号
  • centos7.5切换图形界面
  • 通过防火墙可以保证窃听到的信息毫无价值
  • win10预览版好吗
  • linux 定时运行
  • 备份ubuntu系统
  • 深度技术win7光盘安装教程
  • 五种修改方法
  • logd是什么进程
  • node.js加密
  • ajax请求图片并显示
  • nodejs image
  • 安卓实现代理
  • 安徽监狱待遇qzzn
  • 厂房租赁开票税收编码
  • 中国宗教协会如何注册?
  • 上市股票转为非上市
  • 京牌车船税网上可以交吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设