分类 Css 下的文章

使用谷歌Chrome浏览器开发工具移除未使用的 CSS 和 JavaScript 【翻译】

与图像一样,CSS和JavaScript是导致代码膨胀和页面加载缓慢的两个最常见原因。有时(虽然不经常)这是不可避免的,页面的功能和设计需要大量的代码,但是几乎总是有改进的空间。用户不喜欢等待页面加载,搜索引擎知道这一点。你应该尽力提高页面速度。尤其令人沮丧的是,在某些页面中,一个页面所调用的大部分脚本是冗余的,并且实际上没有被用于任何用途。出现这种情况的原因有很多,其中包括以下几点:在模板...

继续阅读 »

在Visual Studio Code中使用CSSComb格式化CSS文件

不管是在JS文件还是在HTML文件中,右键点击,都有“格式化文件”的菜单,帮助我们排版。可是在CSS文件中,却没有这样的选项,这时候我们就要通过插件帮我们完成这项工作了。先看下格式化后的效果图:一、安装插件​ 在Visual Studio Code的扩展工具栏中,在搜索栏中输入“csscomb”,就可以找到该插件并安装了。

继续阅读 »

css字号px和em对比一览表

文本字体大小下表列出了在网页字体默认值为 16px 时, px 和 em 及网页字体百分比的换算数据。pxem百分比5px0.3125em31.25%6px0.3750em37.50%7px0.4375em43.75%8px0.5000em50.00%9px0.5625em56.25%10px0.6250em62.50%11px0.6875em68.75%12px0.7500em75.00%...

继续阅读 »

css布局小议

前端布局非常重要的一环就是页面框架的搭建,也是最基础的一环。在页面框架的搭建之中,又有居中布局、多列布局以及全局布局,今天我们就来总结总结前端干货中的CSS布局。居中布局水平居中1)使用inline-block+text-align(1)原理、用法原理:先将子框由块级元素改变为行内块元素,再通过设置行内块元素居中以达到水平居中。用法:对子框设置display:inline-block,对父框...

继续阅读 »

JavaScript的Strict Mode和为什么要使用它

JavaScript’s Strict Mode and Why You Should Use It从ECMAScript5开始,我们就可以在程序开发中使用一个更加受限制的解析模式: 严格模式。严格模式通过强制要求更好的编程习惯并排除一些不安全以及不推荐的语言特性。使用严格模式必须在代码中使用下面的指令:"use strict";"use strict";可以有两种使用方...

继续阅读 »