27、使用Omega主题搭建网站的技术指南

使用Omega主题搭建网站的技术指南

1. 隐藏文本以优化SEO

在网站设计中，有时我们需要在不向用户显示某些文本的情况下确保搜索引擎优化（SEO）。可以使用负文本缩进（negative text-indent）来实现这一目标。示例代码如下：

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

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

2. CSS定位实现元素布局

2.1 定位主logo和菜单栏

• 初始设置背景图像：首先设置主logo和菜单栏的背景图像，并指定其高度和宽度。

#preface-container { background: transparent url('../i/CDEF-logo-menu