杨爽

规范的目的是为了编写高质量的代码，让你的团队成员每天得心情都是愉悦的，大家在一起是快乐的。现代软件架构的复杂性需要协同开发完成，如何高效地协同呢？无规矩不成方圆，无规范难以协同，比如，制订交通法规表面上是要限制行车权，实际上是保障公众的人身安全，试想如果没有限速，没有红绿灯，谁还敢上路行驶。对软件来说，适当的规范和标准绝不是消灭代码内容的创造性、优雅性，而是限制过度个性化，以一种普遍认可的统一方式一起做事，提升协作效率，降低沟通成本。代码的字里行间流淌的是软件系统的血液，质量的提升是尽可能少踩坑，杜绝踩

在我们写css样式时，当两个盒子嵌套在一起时，内盒子顶部顶着外盒子顶部，如图：这时如果给内盒设置了margin-top等属性，内盒和外盒的顶部并不会有间距，而是外盒被顶下来，好像给外盒设置了margin-top属性一样。给内盒设置margin-top属性，如图：<style>* { margin: 0; padding: 0;}.wrap { width: 200px; height: 200px; background-color: red

reset.css不同浏览器对相同标签的显示效果，有时候往往不同，那么在做项目的时候就需要对基本的样式进行设置，以达到在不同浏览器下显示效果是相同的，reset.css的作用就在于此。所有，大家很有必要收藏一下，在做项目的时候直接使用即可。代码⬇⬇⬇：@charset "utf-8";html { background-color: #fff; color: #000; font-size: 12px} body,ul,ol,dl,dd,h1,h2,h

简单写一下常见的基础图形，以及一些遇到的样式小图标下图是css效果⬇：各个图形的代码如下：Square(正方形)/*正方形*/ .square { width: 60px; height: 60px; background: red; }Circle(圆形)/*圆形*/ /* 可以使用百分比值(大于30%)，但是低版本的Android不支持 */ .circle { width: 60px; height:

在 index.html 或者 main.js 中添加以下代码：在使用vue-cli 开发 H5 项目时，需要进行 rem 适配，（以750 设计稿为例）const setHtmlFontSize = () => { const htmlDom = document.getElementsByTagName('html')[0]; let htmlWidth = document.documentElement.clientWidth || document.body.clientW

淘宝样式初始化代码:// 淘宝样式初始化代码：body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8