CSS3DIV网页样式与布局案例课堂(第2版)以零基础讲解为宗旨，用实例引导读者深入学习，采取基础知识核心技术高级应用网页布局项目案例实战的讲解模式，深入浅出地讲解CSS3DIV的各项技术及实战技能。CSS3DIV网页样式与布局案例课堂(第2版)第篇主要讲解网页设计的必备技能、CSS样式入门和CSS3样式的基本语法等第篇主要讲解设计网页字体与段落样式、设计网页图片样式、设计网页背景与边框样式、设计网页超级链接和鼠标样式、设计表格和表单样式、设计列表和菜单样式、使用滤镜美化网页元素等第篇主要讲解CSS3的高级特性、过渡和动画效果、2D和3D变幻效果、CSS3和JavaScript的搭配应用、CSS3与XML的综合运用等第篇主要讲解CSS定位与DIV布局核心技术、CSSDIV盒子的浮动与定位、固定宽度网页布局剖析与制作、自动缩放网页布局剖析与制作、创建响应式页面等第篇主要讲解设计商业门户类网页、设计图像影音类网页、设计娱乐休闲类网页、设计企业门户类网页和设计在线购物类网页。

一、设计的任务设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而并非设计的任务。设计的任务是要实现设计者的意图，而并非创造美。网页设计的任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计的任务也不同。从形式上，可以将站点分为以下三类。第一类是资讯类站点，像新浪、网易、搜狐等门户网站。

因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。第二类是资讯和形象相结合的网站，像一些较大的公司、国内的高校等。这类网站在设计上要求较高，既要保证资讯类网站的上述要求，同时又要突出企业、单位的形象。然而就现状上来看，这类网站有粗制滥造的嫌疑。第三类则是形象类网站，比如一些中小型的公司或单位。这类网站一般较小，有的则有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。

现在网页设计主要注重用户体验，一个好的网页设计，不仅吸引眼球，也是实用的、直观的、层级简单却足够能保持用户的兴趣。字体、色彩、空白与内容间的完美平衡可以构成一个非常好看的设计，你的用户也会再次回来。视觉冲击感不要太强烈，现在用户都喜欢简单化大气的页面设计，也就是扁平化的更容易被接受。现在网页设计主要注重用户体验，一个好的网页设计，不仅吸引眼球，也是实用的、直观的、层级简单却足够复杂到保持用户的兴趣。

从网站优化的角度看，网页背景尽量用小的图片做，现在都不太注重用大背景做网页了，优化为重，美工简单大方就可以。设计的话，用photoshop，fireworks都可以添加背景，则直接body{backgroundimage:url(beijing.jpg);}放在页面的style里。这样，在网页页面中，就可以看到你的照片位于页面的正中间，而且在拉动浏览器窗口的滚动条时，照片仍然位于页面的正中间而不随页面内容一起滚动。

5.复合背景如果你在练习上面的照片背景时不小心也设置了