分类 Css 下的文章

在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";可以有两种使用方...

继续阅读 »

CSS加载的未来

jaffathecake at twitter 谷歌高级开发工程师 Chrome is intending to change the behaviour of , which will be noticeable when it appears within . The impact and benefits of this aren't clear from the blink-dev...

继续阅读 »