divcss对seo的影响（divcss教程）

大家好，黄煌来为大家解答以上问题。divcss对seo的影响，divcss教程很多人还不知道，现在让我们一起来看看吧！

1、如果要做一个基本的网页布局，首先我们要提前做一个规划，比如页面的整体构成是什么样的。假设我要按照草图中显示的样式进行布局。

2、第一步：首先，我们创建一个新的html文档，或者通过fckeditor打开一个已有的网页文档。

3、第二步：从草图中我们可以看到，这个网页的框架构成至少需要四个div标签。让我们将第一个div标签设置在顶部，并为其设置相应的CSS样式。将其id设置为header。

4、div id=\'header\' class=\'\' /div

5、第三步：为其设置css样式：因为设置了id，所以必须在样式开头写“#”，后面是id名，这样就可以通过css定位id名对应的标签。

6、style type=\'text/css \'

7、/风格

8、第四步：此时，我们可以看到带有id name头的div标签在浏览器中的显示效果。

9、第5步：接下来，在中间写两个div标签和样式。

10、div id=\'left\' class=\'\'/div

11、div id=\'right\' class=\'\'/div

12、# left { width :40%；height:400pxbackground:}

13、# right { width :40%；height:400px背景技术：}

14、但是此时我们发现中间的两个div标签并没有显示在同一行上，而是一个div显示一行。

15、步骤7:为了让这两个div标签显示在同一行上，我们需要设置浮动样式。

16、Float通常使用两个属性：float:left，向左浮动；向右，向右浮动。

17、# left { width :40%；height:400pxbackground:}

18、# right { width :40%；height:400px背景技术：}

19、浮动后，可以看到两个div标签显示在同一行上。

20、第八步：编写最后一个div标签和样式。

21、div class=\'\'/div

22、{ width :100%；height:100pxbackground: # 009900}

23、此时，在浏览器中查看效果，发现最后一个div标签跑到了最上面。

24、步骤9:我们看到我们设置的最后一个div标签已经到了顶部。原因是我们为中间的两个div标签设置了floating float样式。设置浮动样式后，会脱离原来的文档流，导致最后一个div标签紧挨着第一个div标签。为此，我们需要为最后一个div标签设置一个清晰的浮动样式。

25、Clear:both，不仅清除了div标签两边浮动的影响。

26、第十步：此时，当我们在浏览器中查看时，会发现显示正常。

27、总结：

28、1.首先，根据页面的布局草图，编写div标签和css样式。

29、2.浮动flota样式属性是div和css布局中最常用的。

30、3.div标签可以通过css样式呈现不同的样式效果。

31、4.一般通过设置div标签的id或classs属性来定位。

本文到此结束，希望对大家有所帮助。