XHTML
+CSS
与SEO
的内容，后面章节会详
细给大家介绍，这里就先说一些，让大家对xHTML+CSS与SEO有一定的认识，为后面制作页面打基础，毕竟我们做出来的页面还是要给搜索引擎
看的，所以不能不提提xHTML+CSS与SEO的关系。
1)将页面中最重要的内容用
h1标签括起来，h1的内容就和页面title很自然的包含了站点或者页面的核心关键词，搜索引擎很重视h1标签的内容哟
2)合理的运用
h2、h3等标题标签，他们对于页面来说就是文章不同的等级或者不同的功能区域的标志性元素
3)页面meta信息不可忽视，一定要包含页
面核心的内容
4)为了便于搜索引擎更方便的抓取，要尽可能的保证HTML页面代码纯净，强调一下，既然是xHTML+CSS布局页面，所
以CSS代码要单独写在一个文件内，保证CSS部分和HTML部分彻底分离；html页面中使用id和class，尽可能的避免style="";尽量使
用标准的CSS命名规范，从这里就可以看出你这个页面重构师是否专业哟；尽量使用CSS的缩写以节省代码，例如padding:10px 20px
10px 20px;缩写为padding:10px 20px;最好不要在HTML页面用font、center这种标签。
5)在
HTML页面中strong标签是可以使用的，可以进一步强化关键词和相应的文字信息。
6)页面中的javascript
代
码会对搜索引擎分析页面内容产生干扰，可以将javascript代码封装在一个.js文件中外部调用。
7)<img
/>尽可能的加入alt注释，因为百度和google都有搜索图片的功能，如果加了alt，就更方便搜索蜘蛛的爬行，搜索相应关键词，就可能出现你
网站上的图片，点击图片不就进入你的网站了嘛，就又多了点流量吧。
CSS的文件格式
1.每种不同款式，定义一个css。按钮A一个css，按钮B虽然长得跟A一样，但是在右边，那就copy下A的css代码，然后改成在右边。
.a{/* 很多样式定义 */}
.b{/* 很多样式定义 */ text-align:center;}
.c{/* 很多样式定义 */ text-align:right;}
<div class="a">按钮A</div>
<div class="b"&g ......
用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。
1.使用自动外边距实现居中
CSS中首选的让元素水平居中的方法就是使用margin属性—将元素的margin-left和margin-right属性设置为
aut ......
CSS已经成为网页前段设计一个非常重要的部分，由于写CSS时需要考虑的问题非常多，老手们创建新页面是通常会沿用以前的CSS框架。但是新手没有自己的框架，这篇文章可以给新手们一些启示。
1.简单的纯CSS Tooltip
通过这些代码，你可以做出简单的Tooltip。这是CSS
代码：
以下为引用的内容：
a:hover { background: ......
区别span div p 三个标签的用法
span和div的不同之处在于span是内联的，用在一小块的内联HTML中，前后不断行.
div元素是块级的（简单地说，它等同于其前后有断行），用于组合一大块的代码。
p(段落)元素是块级的,前后断行,而且还要再隔一行.相当于断两行.
<div> 可定义文档中的分区或节（division ......
