CSS样式表如何制作更方便_CSS制作有哪些方法

　　做博客类的设计一款自己的主题就非常有成就感，但CSS就格外显示的重要。下面由学习啦小编为大家整理的CSS制作方法，希望大家喜欢!

　　CSS制作方法

　　1.细致构思网页框架

　　很多初学者犯一个错误，那就是网页的基本框架还没有定义好，就开始着手思考CSS样式，这是造成CSS样式混乱的一个重要原因。应该细致，精密的构思出整个网页的框架，并将其画在纸上或是画在VISIO里，严格的定义出来。这样我们才有足够的章法去规划CSS样式表。

　　2.使用规范的名称与良好的注释习惯

　　有些时候，我们做的网页可能完成后会很久不动，也可能会交给其他人打理，那这事儿可能就麻烦了。没有一个良好的命名规范与注释的话，很可能造成自己或维护的人完全不知道里面写的这是什么意思，还需要从头去认真的研究一番，耗时耗力。

　　因此，不论是为了我们自己还是为了日后维护的人，都应该尽可能的使用规范的名称来定义每一个类或者ID

　　3.从外至里，从上至下，从左至右

　　与其说这是制定规范CSS的基本方向，不如说是制定规范网页的基本方法。我们在构思网页时一般都是按照这样的思路来划分区域，而在CSS中势必也应按照这样的顺序来书写并按照区域加上注释，以便在我们日后的维护中更容易寻找某个定义的类或者ID。

　　4.补充的样式尽可能做到页面与表现完全分离

　　有时候我们在完成整个页面后，仍然需要添加一些样式，对其进行修改，此时，我们一定要避免直接在页面写“style=”，而一定要做到页面与表现分离，耐心的将补充的样式写进样式表。方便日后的维护。

　　CSS的垃圾行为

　　1、隐藏文本中的CSS代码，这是个很老套的SEO黑帽方法了，在页面中利用CSS代码，让某些关键词隐藏起来，访客看不到，只让搜索引擎看到，借此来增加关键词的密度，提升排名，这种方法已经过时了，搜索引擎已经很容易判断出来了。

　　2、利用CSS某种样式，添加隐藏文字，设定某个格式元素的“display”属性为“none”，或者将其显示位置超出屏幕范围，然后在此格式元素下添加大量蕴含丰富关键词，借此提高网站排名。

　　3、CSS没有外置，网站页面中出现大量的CSS代码，大量的CSS代码集中在网页中，而网页中的CSS代码更是困扰着搜索引擎的耐性，不厌其烦的搜索你网站中的正文，这种方法对网站排名的影响，可想而知。

　　黑帽方法下的CSS利用，虽然，这些元素在浏览器下不可见，访客可能不会觉察到网页中字句的存在，而对搜索引擎来说这些不可见的CSS元素与页面的正常组成部分没有区别，所以，不要以为刻意的利用CSS做这些黑帽的行为。

　　而对于无意而为之的CSS垃圾行为，那就需要稍加注意了，不要让代码大量出现在网页中，让蜘蛛更快的访问到网站正文，抓取到页面，实现长期有效的网站优化效果，前提是确保优化中避免使用各类spam技术，即使无意中使用了类似的技术，网站迟早要被搜索引擎惩罚甚至被封，所以，对于一切的垃圾优化行为都不要去做。

　　用div+css模板打造QQ站

　　1.选择网站主题，确定网站目标关键字

　　以前做站虽然知道有关键字这么一说，但是没有深刻的理解，对关键字的效果也没有概念。一个网站的关键字基本上可以确定了流量的最大上限，因此选择网站主题和关键字一定要选有人气的，不愿做的兵永远不是好兵，做站也一样。

　　我的目标关键字是QQ网名，QQ站的人气势众所周知的。当然我选择关键字也要有一定的策略，目前我的主打得关键字是QQ情侣网名和QQ网名大全，打算等网站发展到一定阶段再向QQ网名过渡。这也是目前比较流行的做法，没办法现在做站的人太多了，竞争也太激烈了，每个关键字都已经有好多人在做了。

　　2.选择合适的div+css模板

　　因为QQ网名是文字类为主的站，因此我选了款以文字为主的div+css模板。现在有很多div+css的免费模板资源，你只要去百度和google搜一下div+css模板就可以找到许多，一般都提供图片预览或者在线DEMO浏览，因此选择起来还是很方便的。

　　我是在我自己之前的那个网页设计类的网站上找的模板，因此也没费太多工夫。考虑到QQ站是娱乐休闲类，就选了一款带多款css切换的模板，打算以后加上皮肤切换的功能，可以给人一些新鲜感。

　　3.选div+css模板需要考虑以下两个因素：

　　（1）选择适合自己网站主题风格的模板

　　如果是文字类的站就不要选那种全部是图片组成的模板，相反如果是图片站当然不要选那种整个模板都没几个图的模板。一般来讲，好的模板网站都会给出模板的用途和分类，比如博客模板，企业模板等。另外颜色和风格也要符合自己网站特点，这个就要看站长个人的口味和判断了。

　　（2）选模板最好要选那种带内页和导航页模板

　　因为许多模板只是提供主页的模板，因此如果你不具备一定的网页div+css设计能力的话，即使模板再好看你也最好不要去用，否则首页做出来了，内页却需要花费大量精力去自己设计，而且很容易和主页风格出入很大，效果就大打折扣了。

　　4.选择合适的CMS系统

　　我用的是织梦CMS系统，也是目前比较流行的CMS系统之一,是PHP语言的，还有一些像帝国CMS等也都不错。另外比较简单的asp有无忧cms(只适合简单的网站结构，没有专题，友情链接等功能模块，第三方的插件也几乎没有，使用前一定要考虑清楚)。选好CMS系统后一定要仔细看官方的使用说明和帮助，即使需要消耗一定的时间也要仔细看，省得以后绕弯路。

　　5.修改div+css模板打造QQ站

　　选好模板和cms系统后，接下来就是将织梦的模板标签加入到所选择的div+css模板中去。这一步非常消耗时间和精力，一定要有耐性，而且要多测试效果，特别是记得要在IE不同版本和FF中预览，看看是否都能正确显示。