CSS设计教程 例1－1 背景图片
从今天开始，CSS设计教程和大家见面了。每天一节，有学习的同学请每天关注我们网站。
例1－1 背景图片
第一个例子展示了对background属性的运用，本例子把background属性与一个div元素相结合。div的大小为250pxX76px，所以它会显示出一个完整的背景图片。
以下是本实例的详细程序，调试在Microsoft Visual Studio 2010版：
运行环境：
原代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>背景图片</title>
<style>div {background:url("heading2.jpg") no-repeat; width:250px; height:76px;</style>
</head>
<body>
<h6>版权所有：雷建强</h6>
<h1>背景图片</h1>
<div></div>
</body>
</html>
保存为 背景图片.htm 后直接打开，就可以看到效果。
效果图如下：
如要源代码请到本人QQ294186203留言。
相关文档：
基于IE与css的表格行头与多层列头锁定方法
（左边图锁定了行头与列头，右边图仅锁定列头）
有许多的锁定或固定html表格表头的方法和技术，本文介绍的是一个基于IE和css的简易实现方法，基本思路为：使用div行级元素确定一个包含表格的区域，在区域滚动移动时定位非固定单元格的位置（top/left） ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS Hack: 区分 I ......
1. 在FireFox下，导航栏居中，但主体内容栏却是左对齐。
在div里的内容，IE默认为center，而FireFox默认为left。如果想要让其居中，刚需要在CSS中添加：
margin-left: auto; margin-right: auto;
这样就是告诉FireFox，左右一致，实现居中。（据说，这不是万能的。但我的皮肤居中了。）
2. 在FireFox下，有些效果不能兼 ......
链接方法：
外部链接样表：<head><link rel="stylesheet" type="text/css" href="*.css"></head>
内部的：1:<head><style type="text/css"> example css </style></head>
&nbs ......
CSS命名规范
页头：header
登录条：loginbar
标志：logo
侧栏：sidebar
广告：banner
导航：nav
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
滚动：scroll
页面主体：main
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guil ......
