19、网站定制与搜索引擎优化全攻略

网站定制与搜索引擎优化全攻略

1. 样式表与特殊文本区域创建

样式表在网站标题设置上功能强大，你可以创建跨页的彩色条并将标题置于其中，也能在标题左侧添加图形，发挥空间只受限于你的想象力和访客的阅读体验。

使用 CSS 创建特殊文本区域是个实用技巧。为了方便重复使用，我们可以创建一个 CSS 类。例如，创建名为 “rightbox” 的类，让文本框浮动在其他文本右侧，代码如下：

float: right; /* 其他文本在左侧环绕 */
width: 150px; /* 设置文本框宽度 */
margin-left: 10px; /* 与其他文本保持间距 */
border: 1px solid #000000; /* 细黑色边框 */
padding: 10px; /* 边框与内部文本的间距 */
background-color: #efefef; /* 浅灰色背景 */

将新规则保存到 style.css 文件末尾后，就可以在文章中创建文本框了。具体步骤如下：
1. 切换到文本编辑器的 HTML 模式。
2. 找到文章中想要插入文本框的位置，将光标置于此处。
3. 输入 <div class=”rightbox”> ，输入文本，再输入 </div> 。
4. 保存文章后，在实时网站上就能看到效果。

需要注意的是，在编辑文章时切换到可视化模式，你看不到 <div> 标签和文