网站优化-DIV+CSS详解

昨天曲奇儿休息了一天，所以就没有更新有关的文章，在这里说一声抱歉了。前边的三篇文章发布出去很多朋友都给予了及时的反馈。有的说文章的深度不够，其实在这里曲奇儿要说明一下，这些文章呢其实是给那些没有什么基础，又想从事seo的人们写的。意在引导大家如何能够快速的掌握一些实际方面的东西。对于一些具有深度的细节部分，如果有时间的话，曲奇儿会在后边写出来，当然，曲奇儿技术方面也不是很强的，所以写出来有不对的地方也欢迎大家批评指正。好啦，下面就进入今天的主要内容——DIV+CSS.

1 I2 q6 j" b" y2 w8 x前边我们简单的介绍了一下想要做好网站优化应该掌握一些HTML标记语言，我们也对应的找出了一些常用的标记简单的讲解了一下。如果您是一个有心人，相信通过这几天在网络上的学习一定已经掌握了一部分HTML了。我们要求不高，只要能看懂即可。而今天为大家带来的这篇《网站优化-DIV+CSS》可以算作优化工作中的重点部分了。希望曲奇儿的讲解能给大家带来不一样的感受。

' D4 p4 c, P+ b& Q& r什么是DIV+CSS？
6 u7 T. @0 v" y) o
6 ?- _; y4 J+ T  u我们说，在互联网的早期，人们在设计网站布局的时候使用的是HTML中的table元素。他们将网站分成一个又一个表格，然后通过这些表格来制定某些文字或者图片的位置。但是这种方法却有很多弊端。首先这种布局方式无法实现内容与样式相分离，这就导致了搜索引擎不太喜欢这种布局方式。其次是这种布局方式缺乏灵活性。就比如现在很多网站的换肤功能，如果使用table来布局的话，估计要累吐血了。那么对于table的不足人们就开始去设想，是否有一种方法能够弥补这种不足。于是乎table+css的布局格式就出现了。这种格式帮助当时的设计人员们实现了内容与样式相分离的愿望，但是在灵活度上还是与预期的目标相差很远。于是乎div+css这种布局模式就诞生了。说到这里大家只需要知道，现如今百分之90以上的网站使用的布局模式都是div+css，而我们学习它的目的就是为了我们日后优化的时候遇到对应代码能够明白含义，并且能够通过布局的改变使得我们的优化更加得心应手。
3 o' D* l8 m, w, U8 U' c
div+css原理？
# N; P! V0 e8 }' }; @说到原理，可能大家会觉得是多么深奥的东西。其实div+css的原理非常之简单。人们在设计网页的时候将以前的只使用一个html文档改成了使用两个文档，一个是HTML没有变化，另外一个是CSS。通俗的说，就是一个里边放内容，一个里边放样式。而他们之间是通过这样一句代码相连接的：
（link href="CSS存放路径" rel="stylesheet" type="text/css" ）
& ]0 [6 u) P5 \& u$ ^那么问题来了，我们知道了两个文件夹是如何联系在一起的，可是面对于那么多的HTML元素，我们使用什么方法逐一控制呢？其实这个问题的答案也是十分简单的，我们主要通过四个CSS选择器来进行控制，他们分别是ID选择器、类选择器、HTML选择器和通配符选择器。关于这四个选择器在CSS当中是如何书写的，在HTML中是如何引用的，这里就不一一介绍了，大家可以通过百度去搜索一下，很容易找到的。在了解了这些以后，相信你会轻而易举的看明白一个网站的布局结构，再配合上你学过的HTML标记，相信对于网站的修改以及优化的帮助是十分巨大的。

3 q$ T6 \0 V! }今天就先写到这里吧，如果大家仍然有疑惑，可以通过万学网的客服入口与曲奇儿联系，我会尽量的帮助你的。
5 F# C* K' B2 i0 N) N% J; R  r
% t7 U; n! X1 ~2 {  Y7 z原文出处链接：http://www.10000xue.com/jnks/dnl/967.html
: t- m" h. L2 d4 V& D搜外论坛原创作者：齐明月
" y7 X1 W  |2 o' j/ P日期：2015-4-28
& o7 D0 X, K$ Y& s0 o' r3 G1 Z) Q 不错。。赞昨天曲奇儿休息了一天，所以就没有更新有关的文章，在这里说一声抱歉了。前边的三篇文章发布出去很多朋友都给予了及时的反馈。有的说文章的深度不够，其实在这里曲奇儿要说明一下，这些文章呢其实是给那些没有什么基础，又想从事SEO的人们写的。意在引导大家如何能够快速的掌握一些实际方面的东西。对于一些具有深度的细节部分，如果有时间的话，曲奇儿会在后边写出来，当然，曲奇儿技术方面也不是很强的，所以写出来有不对的地方也欢迎大家批评指正。好啦，下面就进入今天的主要内容——DIV+CSS.
3 n3 ]; V  V) T' `
! [" ^* s' T! a5 r2 D$ a! @前边我们简单的介绍了一下想要做好网站优化应该掌握一些HTML标记语言，我们也对应的找出了一些常用的标记简单的讲解了一下。如果您是一个有心人，相信通过这几天在网络上的学习一定已经掌握了一部分HTML了。我们要求不高，只要能看懂即可。而今天为大家带来的这篇《网站优化-DIV+CSS》可以算作优化工作中的重点部分了。希望曲奇儿的讲解能给大家带来不一样的感受。

什么是DIV+CSS？
  \: Y; T( c$ ^
/ {2 Y! v# O6 X( x" E我们说，在互联网的早期，人们在设计网站布局的时候使用的是HTML中的table元素。他们将网站分成一个又一个表格，然后通过这些表格来制定某些文字或者图片的位置。但是这种方法却有很多弊端。首先这种布局方式无法实现内容与样式相分离，这就导致了搜索引擎不太喜欢这种布局方式。其次是这种布局方式缺乏灵活性。就比如现在很多网站的换肤功能，如果使用table来布局的话，估计要累吐血了。那么对于table的不足人们就开始去设想，是否有一种方法能够弥补这种不足。于是乎table+css的布局格式就出现了。这种格式帮助当时的设计人员们实现了内容与样式相分离的愿望，但是在灵活度上还是与预期的目标相差很远。于是乎div+css这种布局模式就诞生了。说到这里大家只需要知道，现如今百分之90以上的网站使用的布局模式都是div+css，而我们学习它的目的就是为了我们日后优化的时候遇到对应代码能够明白含义，并且能够通过布局的改变使得我们的优化更加得心应手。
5 p% s$ a7 W9 _8 P
div+css原理？
说到原理，可能大家会觉得是多么深奥的东西。其实div+css的原理非常之简单。人们在设计网页的时候将以前的只使用一个html文档改成了使用两个文档，一个是HTML没有变化，另外一个是CSS。通俗的说，就是一个里边放内容，一个里边放样式。而他们之间是通过这样一句代码相连接的：
( S  E/ K; ~, n+ T$ e7 G（link href="CSS存放路径" rel="stylesheet" type="text/css" ）
那么问题来了，我们知道了两个文件夹是如何联系在一起的，可是面对于那么多的HTML元素，我们使用什么方法逐一控制呢？其实这个问题的答案也是十分简单的，我们主要通过四个CSS选择器来进行控制，他们分别是ID选择器、类选择器、HTML选择器和通配符选择器。关于这四个选择器在CSS当中是如何书写的，在HTML中是如何引用的，这里就不一一介绍了，大家可以通过百度去搜索一下，很容易找到的。在了解了这些以后，相信你会轻而易举的看明白一个网站的布局结构，再配合上你学过的HTML标记，相信对于网站的修改以及优化的帮助是十分巨大的。

今天就先写到这里吧，如果大家仍然有疑惑，可以通过万学网的客服入口与曲奇儿联系，我会尽量的帮助你的。

原文出处链接：http://www.10000xue.com/jnks/dnl/967.html
% h: T" m; o7 A搜外论坛原创作者：齐明月
) d2 ~( U: U% v2 J日期：2015-4-28
如果网站优化做的好月收入能有多少

激动了就不好办了..

手机版的得知互动论坛好强大

呵呵　　我傻了‘～～哈哈

唉!猪!你怎么了?

综上所述，恳请各位官员请勿动用武装力量请勿跨村、跨镇、跨市、跨省、跨国、跨洲、跨星球、跨银河系追捕。确因不抓不足以平民愤，或不抓就领不到薪水养家户口的公职人员，建议携带工作证

哈哈 我支持你

朕要午休了..............

终于看完了~~~

都看了，这帖子有意思。