在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%13px0.8125em81.25%14px0.8750em87.50%15px0.9375em93.75%16px1....
css布局小议
前端布局非常重要的一环就是页面框架的搭建,也是最基础的一环。在页面框架的搭建之中,又有居中布局、多列布局以及全局布局,今天我们就来总结总结前端干货中的CSS布局。居中布局水平居中1)使用inline-block+text-align(1)原理、用法原理:先将子框由块级元素改变为行内块元素,再通过设置行内块元素居中以达到水平居中。用法:对子框设置display:inline-block,对父框设置text-align:center。
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 post, so I wanted to go into detail here. Chrome 打算改变默认的cs...
Atom 使用 emmet 提示 React className类名
这个小技巧节省了我写的React / JSX的时间。没有Atom键盘映射代码,你需要ctrl + e每次你想展开一个标签。这很快就变成了一种痛苦。使用下面的步骤简化它。div.container (hit tab) >> <div className="container"></div>
jade学习笔记
什么是jade?jade是一款源于Node.js的HTML模板引擎。模板引擎依赖于JavaScript实现jade到HTML的转换供Node使用安装和编译安装npm install -g jade
What are CSS Modules and why do we need them(译)
原文地址: https://css-tricks.com/css-modules-part-1-need/?ref=webdesignernews.com什么是CSS模块根据这个资源,CSS模块的定义是:CSS文件中的所有的类名和动画名默认被局限在一定范围内。因此所谓的CSS模块不是一个正式的规范或者是浏览器默认支持的实现,而是(Webpack或Browserify)项目构建中的一步:通过改变类名来限制选择器(类似命名空间)。这么做会变成什么样,我们为什么这么做?后面会有一个小例子来说明这些。首先,请回想下原...
如何修改vscode默认主题样式
修改 vscode 的默认dark theme 的默认样式,并给状态条添加透明度。方法一echo ".monaco-workbench>.part.statusbar{background-color:#000;}" | sudo tee -a /usr/share/code-insiders/resources/app/out/vs/workbench/workbench.main.css注意: code-insiders 改成自己的vscode 安装路径名字code,但是当更新 ...
css text-align属性
text-align:start | end | left | right | center | justify |match-parent | justify-alljustify:内容两端对齐,但对于强制打断的行(被打断的这一行)及最后一行(包括仅有一行文本的情况,因为它既是第一行也是最后一行)不做处理。start:内容对齐开始边界。