洛壹新闻
当前位置:首页 > 洛壹新闻 > 洛壹智库

洛壹智库教您CSS规范书写


作者: lyadmin  时间:2016-09-14
本文关键词:洛壹网络,洛壹,宝安网站建设,宝安网站设计,网站制作

当我们做出自己的一个页面的时候,内心肯定是高兴和激动的。

往往细节决定了成败。这个时候,我们千万不要忘记了,css的规范书写。

书写规范了,能够极大的提高我们的效率。

命名的规范,可以避免意想不到的兼容性错误。

代码的优化,可以除去冗杂多余的代码,减轻了代码,就提高了网页的打开速度。

需要优化的地方还有很多,不一一獒述。

记住下列几个,就会有一个大的提高。

1、选择符的命名

最好为字母,或者字母加数字,不能用汉字

Id选择的命名,必须是唯一的,不能重复

2、标点符号要特别注意,多一个或者少一个,都会出现意想不到的错误。

3、文档的结构化书写:

正确的书写

<div id="liebiao">


课程目录





如下错误的书写:






课程目录



(此div多此一举,没必要)





  • 网页设计


  • 动画专业


  • 视觉传达





4、添加注释,如果div太多的话,要适当的添加一些注释:

/*-------产品分类---------*/

5、css代码优化

边界填充的优化:

#daohang{

margin-top:10px;

margin-right:8px;

margin-bottom:12px;

margin-left:5px;

padding-top:0px;

padding-right:0px;

padding-bottom:0px;

padding-left:0px;}

则可缩写为:

#daohang {

Margin:10px 8px 12px 5px;(按照上、右、下、左的顺序来排列的)

Padding:0px;}

颜色值的缩写:

当RGB三个颜色值数值相同时,可缩写颜色值代码。如:

.menu { color:#ff3333;}

可缩写为:

.menu {color:#f33;}


更多知识请关注洛壹网络-洛壹智库


上一条:不同行业的网站是如何做排名SEO优化的!
下一条:定制型网站为啥成为网站建设主流
点击分享
友情链接: 网站建设