热议每一网页设计师需有的9个CSS标准

每个设计师应该有东莞网站建设的9条CSS规则，不需要比你更好接下来我们讲述每一网页设计师需有的9个CSS标准，不掌握的来认识一下吧。

每一网页设计师需有的9个CSS标准：

需要更复杂的结构。编写易于维护的CSS样式表非常简单，只需遵循这9条规则即可。组织的CSS深度可以极大地阻碍将来发生的任何必要调整。所以，我向我的团队提出了一个问题。让我们仔细看看一些最有趣的CSS编码结构，并在下面列出它们。您可以在开发的每个项目中使用这些代码结构。

1）缩进后代和相关规则：这使您可以轻松识别CSS中的页面结构以及它们之间的关系。 1. #main {2.width: 530px; 3.pad: 10px; 4.float: left; 5.} 6.＃main #nav {7.background: #fff; 8.width: 100％9。} 10 。＃main＃left-col {11.background: #efefef; 12.margin: 8px 0; 13.}

2）分组和注释CSS规则设置CSS文件中始终存在的某些部分：页面结构，链接，页眉，页脚，列表等。这些部分始终是CSS注释，以正确命名每个部分。

1 ./*标题样式转到这里**************/2 . CSS Code Goes Here . 3./* End Header Styles ***** ** ******/1.Header2.Structure3.Navigation4.Forms5.Links6.Headers7.Content8.Lists9.Common Classes

3）将样式类型保留在一行中。使用速记属性在单行上组合属性意味着CSS更易于理解和编辑。而不是：

1.h2 {color: #dfdfdf; 2.font-size: 80％; 3.margin: 5px; 4.padding: 10px; 5.}

这样做：h5 {color: #dfdfdf; font-size: 80％;保证金: 5px;填充: 10px;}

4）使用一个样式表布局，另一种布局和另一种颜色，将CSS分解为表格以分离CSS样式表的不同部分。布局/打印性能的混合将让您发现自己不必要地重复自己。 1. #main {@import'/css/layout.css';2.@import'/css/typography.css';3.@import'/css/design.css';4.@import'/css/Design-home.css'; 5. @ import'/css/extra.css';

5）重置元素许多设计人员都知道他们的表的样式具有全局重置，以及全局重置对某些元素（如完全销毁的按钮和字段集）的影响。相反，您应该选择要设置的元素。所以不要这样做* {margin: 0;填充: 0; }

这样做

1.html，body，div，span，applet，object，iframe，h1，h2，h3，h4，h5，h6，p，

blockquote，pr每个设计师应有的9个CSS规则e，a，abbr，acronym，address，big，cite，code，del，dfn，em，font，img，ins，kbd，q，s，samp，small，strike，强，sub，sup，tt，var，dl，dt，dd，ol，ul，li，fieldset，form，label，legend，table，caption，tbody，tfoot，thead，tr，th，td {2.margin: 0; 3.pad: 0; 4.border: 0; 5.outline: 0; 6.font-weight: inherit; 7.font-style: inherit; 8.font-size: 100％; 9.font-family: inherit; 10.vertical-align: baseline; 11.}

6）作为参考，在一个地方使用本地配色方案。在启动CSS文件之前，注释掉常用颜色并将它们添加到样式表的顶部。这节省了大量时间并确保站点具有配色方案。/*颜色:深棕色＃473B38浅蓝色＃A8EFEE粉色FF4095 */

7）使用含义命名系统。具有类和id的命名系统可以在更新文档或调试时节省大量时间，并且可以使用父/子结构。父容器是容器。因此，如果我们的div被命名为“head”，并且两个div与“menu”和“flag”嵌套。 CSS中的命名结构如下：#header #header_menu #header_logo

8）按字母顺序排列的属性，可以更轻松地找到特定属性。 1.body {2.background: #fdfdfd; 3.color:＃333; font-size: 1em; 4.line-height: 1.4; 5.margin: 0; 6.padding: 0; }

9）创建一个有用的CSS类库。用于调试，但应在分发中避免（单独的标记和表示）。由于您可以使用多个类名，因此可以使用它们来调试标记。 1.width100 {宽度: 100％; } 2.width75 {width: 75％; } 3.floatLeft {float: left; } 4.alLeft {text-align: left; } 5.alignRight {text -align: right; }

保持简单，不要获得比您需要的更复杂的结构。简单可以节省您的时间和精力。如果您与我们分享您的组织技能，请将此帖子引用给很多人。不要忘记提及您的网站和名称，因为它会在您的提示中提及。

我认为念完上文，您大约会搞清楚每一网页设计师需有的9个CSS标准了吧，已经在上文教授了大家，相信各位看完之后一定能够正确学会哦。