Web**前端开发规范手册
注：本文章收集于网络，如有侵害您的权益，请联系我立即删除。Web**前端开发规范手册****一、规范目的** 1.1 概述 ..................................................................................................................................... 1**
浮动及清除浮动
什么是浮动？float属性用于创建浮动框，将其移动到一边，直到左边缘或右边触及包含块或另一个浮动框的边缘。语法：选择器{ float:属性值;}属性值描述 none元素不浮动（默认值） left元素向左浮动 right元素向右浮动 浮动特性（重难点）加了浮动之后的元素，会具有很多特性，需要我们掌握的浮动元素会脱离标准流（脱标）1.脱离标准普通流的控制（浮）移动到指定位置（动），（俗
CSS圆角边框，盒子阴影，文字阴影
圆角边框：用于设置外边框border-radius：数值；例如border-radius：10px；参数可以数值或者百分比数值越大边框弧度越大（越圆）原理：（椭）圆与边框的交集形成圆角效果其他写法：border-radius：10px 15px 20px 25px；表示的是左上，右上，右下。左下，顺时针排序；单独设置一个角写发：border-top-left-radius:10px;表示的是左上的
盒子模型
CSS盒子模型；盒子是由边框，内边距，外边距，内容四部分组成；1.边框：border；边框宽度、边框样式、边框颜色写法：border-widhth：1px；border-style:solid; border-color:blue;综合写法：border:1px solid blue;单个写法：border-top：1px solid red；border-bottom： 1px solid bl
HTML嵌套规范
标签嵌套规则：块级元素：会独占一行,默认情况下,是它本身父容器的100%（和父元素的宽度一致）块级元素可以设置width,height属性.块级元素即使设置了宽度,仍然是独占一行.块级元素可以设置margin和padding属性.行内元素：不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行行内元素设置width,height属性无效，它的长度高度主要根据内容决定.行内元素的ma
前端开发人员实用工具（截图+贴图+取色）
一个小工具的使用：snipastesnipaste是一个简单但强大的截图工具，也可以让你将截图贴到屏幕上，常用快捷方式：F1 可以截图，同时测量大小，设置箭头，书写文字等；F3 在桌面顶置显示图片；点击图片，alt可以取色（按下shift可以切换取色模式）；按下esc取消图片显示；
JS变量命名规范
JS变量命名规范由字母（A-Za-z）、数字（0-9）、下划线（_）、美元符号（￥）组成;严格区分发小写，var app；和var App;是两个变量；不能以数字开头；不能是关键字、保留字。例如：var、for、while；变量名必须有意义。如：sex （性别）；让人一看就知道这个名字的意义；遵守驼峰命名法。首字母大写，后面单词的首字母需要大写或者每个单词的首字母大写。如：myFirstName
CSS三大特性
1.层叠性：比如：一个元素设置了两个相同的样式；div{ backgroung-color:red; } div{ background-color:blue; } <div></div>上面一个div我给了两个不同的命令,我该执行那个呢？答案是第二个离div标签近的那个blue颜色，要知道怎么回事，且听我下面慢慢道来：概念：所谓层叠性是指多种CSS样式的叠加；是浏览器处
CSS关于背景的属性
1.背景图片：background-image:url(图片地址；绝对路径或相对路径)2.背景图片平铺：不平铺：background-repeat:no-repeat;横向平铺（水平位置）：background-repeat:repeat-x;纵向平铺（垂直位置）background-repeat:repeat-y;方法1：使用方位名词表示：背景图片位置：用方位表示（上（top）下（bottom）
一些CSS属性
转换模式：块级元素转行内：display:inline;行内转块级元素：display:block;行内元素转行内块：display:inline-block;一些属性：颜色：color:blue;背景颜色：background:red;首行缩进两个文字；text-indent:2em;取消轮廓，通常表单点击后显示自带的蓝色边框：outline:none;设置 outline:none时，outl