http://learning.artech.cn/category/css-div-web-design
CSS/DIV网页设计视频教程目录
2007年05月01日 星期二
欢迎您来到前沿视频教室，下面列出的是CSS/DIV网页设计视频教程列表，我们还会不断地推出相关的课程， 如果您有兴趣，欢迎您常来这里看一看！
CSS基础知识与核心概念
CSS初探 - CSS基本知识 - 第1课
CSS基本语法与核心概念 - CSS基本知识 - 第2课
设置丰富的文字效果 - CSS基本知识 - 第3课
CSS/DIV布局专题讲解
设置图片效果 - CSS/DIV专题讲解 - 第1课
设置网页背景 - CSS/DIV布局专题讲解 - 第2课
设置表格与表单的样式 - CSS/DIV布局专题讲解 - 第3课
设置页面和浏览器的元素 - CSS/DIV布局专题 - 第4课
用CSS制作漂亮的菜单- CSS/DIV布局专题讲解 - 第5课
CSS滤镜的应用 - CSS/DIV布局专题讲解 - 第6课
理解CSS定位与div布局 - CSS/DIV布局专题讲解 - 第7课
CSS排版 - CSS/DIV布局专题讲解 - 第8课
网页变幻 - CSS/DIV布局专题讲解 - 第9课
CSS与其他技术
CSS与Javascript的综合应用 - CSS与其他技术 - 第1课
CSS与XML的综合运用 - CSS与其他技术 - 第2课
CSS与AJAX的综合应用 - CSS与其他技术 - 第3课
CSS/DIV综合实践
博客设计DIY - CSS/DIV综合实践 - 第1课
小型工作室 - CSS/DIV综合实践 - 第2课
公司网站 - CSS/DIV综合实践 - 第3课
购物网站设计 - CSS/DIV综合实践 - 第4课
旅游观光网站设计 - CSS/DIV综合实践 - 第5课
css用不着视频吧，就是定位背景图位移动，看看网上的css手册就有现成的，你自己保存为html和css用浏览器看看就懂了：css代码：
.aaa{
width:100px//宽
height:200px//高
background:red (images/123.jpg)//你的背景图，定义个红色背景方便你看效果
background-repeat:no-repeat//背景图是否重复，这里是不重复
background-position:10px 50px//背景图在容器中的位置距离左边10px距离顶部边50px
}
上面css可以简写成：
.aaa{
width:100px//宽
height:200px//高
background:red(xxx.jpg) no-repeat 10px 50px
}
html代码:
<p class="aaa">测试</p>
background-position后面除了写背景图位移的距离以外也可以直接写：
background-position:right bottom//背景图对齐容器右边，和底部
background-position:right top//背景图对齐容器右边，和顶部
background-position:left top//背景图对齐容器左边，和顶部
background-position:left bottom//背景图对齐容器左边和底部
