web网页设计尺寸规范制作网页时，我们选用的分辨率是72像素/英寸，使用的画布尺寸1920px*1080px。但是这并不代表着我们可以在整个画布上作图。网页的布局主要有两种，左右型布局和居中型布局。布局的不一致，使得可设计的空间也不相同。1、左右布局灵活性强， UI的限制小。左边通栏为导航栏，宽度没有具体的限制，可根据实际情况调整；右侧为内容版块范围，是网站内容的展示区域。2、居中布局中间的蓝色部分为有效的显示局域，用于网站内容的展示。换句话说，两边均为留白，没有实际用途，只是为了适配而存在；一般网站内容
头部 header ----------------用于头部主要内容 main ------------用于主体内容（中部）左侧 main-left -------------左侧布局右侧 main-right -----------右侧布局外套 wrap ------------------用于最外层导航条 nav -----------------网页菜单导航条内容 content ---------------用于网页中部主体底部 footer -----------------用于底部网页公共命名
1、如果值是0，通常都不用带单位例如：1234.list{ border: 1px solid 0px; margin: 0px;}改成：1234.list{ border: 1px solid 0; margin: 0;}但是有个特例，就是和时间有关的时间单位都要带上秒s，如下两个都是不合法的：12transition-duration: 0;transition: transform 0 linear;2、色值用十六进制，少用rgb如下：1color: rgb(80, 80,
我们在学习css的过程中会发现css学习起来并不难，但是在大型项目中，它会变得很难打理。不同的编程者在书写风格上有很大不同，这就导致在团队合作时会很难沟通。因此便有了css代码书写规范。1、使用Reset但并非全局Reset不同浏览器元素的默认属性有所不同，使用Reset可重置浏览器元素的一些默认属性，以达到浏览器的兼容。但需要注意的是，请不要使用全局Reset：1*{ margin:0; padding:0; }这不仅仅因为它是缓慢和低效率的方法，而且还会导致一些不必要的元素也重置了外边距和内边距。在此
编程不仅仅是给计算机下达如何完成一项任务的指令，它还包括以一种精确的方式与他人交流思想，甚至是与未来的自己。这样的交流可以有多个目标，也许是为了共享信息，或者只是为了更容易地修改―如果你不理解或不记得很久以前做过什么，那么就很难修改。当我们编写软件时，我们还需要确保代码具有预期的功能。虽然有定义语义的正式方法，但是最简单、最快速(但不那么严格)的方法是将该功能投入使用，并查看它是否产生预期的结果。大多数开发人员都熟悉这些实践:代码文档作为注释来明确代码块的目标，以及一系列测试来确保函数给出所需的输出。但是
对如新手来说写html时给html标签加样式命名都很头疼，不知道该给标签起啥名，或者就随便起名，这在日常的开发中很不方便，今天就给大家总结一下html里的class命名规范吧！常见class关键词：布局类：header, footer, container, main, content, aside, page, section包裹类：wrap, inner区块类：region, block, box结构类：hd, bd, ft, top, bottom, left, right, middle, col
这次给大家带来HTML的代码书写有哪些规范，书写HTML的代码的注意事项有哪些，下面就是实战案例，一起来看一下。通用约定标签自闭合（self-closing）标签，无需闭合 ( 例如： img input br hr 等 )；可选的闭合标签（closing tag），需闭合 ( 例如：</li> 或 </body>)；尽量减少标签数量；123456789101112<img sr