CSS布局教程

基于web标准的网站设计指南

“变化之美”网站制作案例之页面头部与导航编码

    有了页面总体布局,下面开始各个页面元素的完善。首先从头部header层开始。这一区域主要有4个组成部分,分别是网站LOGO、网站标语、搜索框及网站导航菜单。下面依次

序开始编码。
<p id="logo">我爱天津网站建设</p>
上面网站LOGO部分的XHTML代码将链接文字包含在段落p里面,通过给链接元素a设置CSS样式应用背景图片,将LOGO图片显示出来,然后再合理地隐藏掉链接文字。有些做法是将LOGO图片通过img标签直接引用进来,然后给图片增加超链接。毛这里不否定这样的方法,但当用户禁用图片与CSS样式时,可能无法确定所在站点的名称。而以为链接文字的方法,但当用户禁用图片与CSS样式时,可能无法确定所在站点的名称。而以为链接文字:设置背景图片的方式引入LOGO,能够适应更多的浏览环境,即使图片不显示、CSS样式被禁用,站点名称都不会丢失,具有更强的适应性。网站标语的XHTML编码如下。
...

分页:[«]1[»]

日历

<< 2010-8 >>

Sun

Mon

Tue

Wed

Thu

Fri

Sat

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

Powered By Z-Blog 1.8 Arwen Build 90619

Copyright www.zxh6655.cn. Some Rights Reserved.黑ICP备09093629号