25、使用Omega主题从设计稿到实际网站搭建

使用Omega主题从设计稿到实际网站搭建

1. 隐藏文本以优化SEO

在网页设计中，有时我们希望某些文本对搜索引擎可见，但不希望用户看到，这时可以使用负的text-indent值来隐藏文本。示例代码如下：

.site-name-slogan { text-indent:-2000px; }

此代码会将class为site-name-slogan的DIV容器内的所有文本向左缩进2000像素。文本会在浏览器画布上渲染，但由于缩进过多，用户无法看到，而搜索引擎可以识别。site-name-slogan是一个包含H1元素（包含网站标题）和H6元素（包含网站标语）的容器。

2. CSS定位

接下来要对主logo和菜单栏进行定位，使其出现在设计师期望的位置。
-添加待上移的图像：

#preface-container { background: transparent url('../i/CDEF-logo-menu.png') no-repeat center top; min-height:334px; width:960px; }

此代码设置了背