内容简介

《精通CSS+DIV网页样式与布局》从零开始，细致介绍CSS的语法规则，透彻讲解CSS应用于各种网页元素的步骤和技巧深入剖析，CSS+DIV布局的思路和方法比较，IE和Firefox浏览器对CSS支持的不同效果，扩展CSS与JavaScript，Ajax，XML的综合应用，全面解析5个完整网站的CSS+DIV布局与美化方案，内容丰富的配套网站www.artech.cn。

作品目录

第1部分　CSS基础知识篇第1章　CSS的初步体验　31.1　CSS的概念　41.1.1　标记的概念　41.1.2　传统HTML的缺点　51.1.3　CSS的引入　71.1.4　如何编辑CSS　91.1.5　浏览器与CSS　101.2　使用CSS控制页面　111.2.1　行内样式　111.2.2　内嵌式　121.2.3　链接式　131.2.4　导入样式　141.2.5　各种方式的优先级问题　171.3　体验CSS　191.3.1　从零开始　191.3.2　加入CSS控制　211.3.3　控制图片　231.3.4　CSS的注释　26第2章　CSS的基本语法　272.1　CSS选择器　282.1.1　标记选择器　282.1.2　类别选择器　292.1.3　ID选择器　342.2　选择器声明　362.2.1　集体声明　362.2.2　选择器的嵌套　382.3　CSS的继承　402.3.1　父子关系　402.3.2　CSS继承的运用　41第3章　用CSS设置丰富的文字效果　453.1　CSS文字样式　463.1.1　字体　463.1.2　文字大小　483.1.3　文字颜色　513.1.4　文字粗细　533.1.5　斜体　543.1.6　文字的下划线、顶划线和删除线　553.1.7　英文字母大小写　573.2　文字实例一：模拟Google公司Logo　583.3　文字实例二：制作页面的五彩标题　623.4　CSS段落文字　673.4.1　段落的水平对齐方式　673.4.2　段落的垂直对齐方式　683.4.3　行间距和字间距　713.4.4　首字放大　733.5　段落实例：百度搜索　75第4章　用CSS设置图片效果　814.1　图片样式　824.1.1　图片边框　824.1.2　图片缩放　864.2　图片的对齐　874.2.1　横向对齐方式　884.2.2　纵向对齐方式　884.3　图文混排　914.3.1　文字环绕　914.3.2　设置图片与文字间距　934.4　图文实例：八仙过海　93第5章　用CSS设置网页中的背景　975.1　背景颜色　985.1.1　页面背景色　985.1.2　用背景色给页面分块　995.2　背景图片　1015.2.1　页面的背景图　1025.2.2　背景图的重复　1035.2.3　背景图片的位置　1075.2.4　固定背景图片　1105.2.5　添加多个背景图片　1125.2.6　背景样式综合设置　1135.3　背景综合一：我的个人主页　1135.4　背景综合二：古词《念奴娇·赤壁怀古》　118第6章　用CSS设置表格与表单的样式　1236.1　控制表格　1246.1.1　表格中的标记　1246.1.2　表格的颜色　1276.1.3　表格的边框　1276.2　表格实例一：隔行变色　1306.3　表格实例二：鼠标经过时变色的表格　1326.4　表格实例三：日历　1346.5　CSS与表单　1396.5.1　表单中的元素　1396.5.2　像文字一样的按钮　1426.5.3　七彩的下拉菜单　1446.6　综合实例一：直接输入的Excel表格　1466.7　综合实例二：模仿新浪网民调查问卷　149第7章　用CSS设置页面和浏览器的元素　1537.1　丰富的超链接特效　1547.1.1　动态超链接　1547.1.2　按钮式超链接　1567.1.3　浮雕式超链接　1587.2　鼠标特效　1637.2.1　CSS控制鼠标箭头　1647.2.2　鼠标变幻的超链接　1657.3　页面滚动条　166第8章　用CSS制作实用的菜单　1698.1　项目列表　1708.1.1　列表的符号　1708.1.2　图片符号　1738.2　无需表格的菜单　1758.3　菜单的横竖转换　1788.4　菜单实例一：百度导航条　1818.5　菜单实例二：流行的Tab菜单　185第9章　CSS滤镜的应用　1919.1　滤镜概述　1929.2　通道(Alpha)　1929.3　模糊(Blur)　1989.4　运动模糊(Motion Blur)　1999.5　透明色(Chroma)　2009.6　下落的阴影(Dropshadow)　2019.7　翻转变换(Flip)　2039.8　光晕(Glow)　2059.9　灰度(Gray)　2079.10　反色(Invert)　2089.11　遮罩(Mask)　2099.12　阴影(Shadow)　2109.13　X射线(X-ray)　2119.14　浮雕纹理(Emboss和Engrave)　2129.15　波浪(Wave)　215第2部分　CSS+DIV美化和布局篇第10章　理解CSS定位与div布局　22110.1　 div 标记与 span 标记　22210.1.1　概述　22210.1.2　 div 与 span 的区别　22310.2　盒子模型　22410.2.1　盒子模型的概念　22510.2.2　border　22510.2.3　padding　22910.2.4　margin　23110.3　元素的定位　23810.3.1　float定位　23910.3.2　position定位　24610.3.3　z-index空间位置　25410.4　定位实例一：轻轻松松给图片签名　25610.5　定位实例二：文字阴影效果　257第11章　CSS+div布局方法剖析　25911.1　CSS排版观念　26011.1.1　将页面用div分块　26011.1.2　设计各块的位置　26211.1.3　用CSS定位　26211.2　固定宽度且居中的版式　26611.2.1　方法一　26611.2.2　方法二　26811.3　左中右版式　27011.4　块的背景色问题　27311.5　排版实例：电子相册　27611.5.1　搭建框架　27711.5.2　幻灯片模式　27811.5.3　详细信息模式　28211.6　div排版与传统的表格方式排版的分析　284第12章　CSS+div美化与布局实战　28712.1　框架搭建　28912.2　实例一：蓝色经典　29312.3　实例二：清明上河图　29912.4　实例三：交河故城　30512.5　自动选择CSS样式　310第3部分　CSS混合应用技术篇第13章　CSS与JavaScript的综合应用　31313.1　JavaScript概述　31413.1.1　JavaScript简介　31413.1.2　JavaScript的特点　31413.1.3　JavaScript与CSS　31513.2　JavaScript语法基础　31513.2.1　数据类型和变量　31713.2.2　表达式及运算符　31813.2.3　基本语句　31913.3　实例一：输入时高亮显示的Excel表格　32313.4　实例二：由远到近的文字　32513.5　实例三：跑马灯特效　32713.6　实例四：图片淡入淡出　32913.7　实例五：CSS实现PPT幻灯片　33213.8　实例六：灯光效果　33413.9　实例七：舞台灯光　33613.10　实例八：探照灯　33913.11　实例九：鼠标文字跟随　340第14章　CSS与XML的综合运用　34514.1　XML基础　34614.1.1　XML的特点　34614.1.2　XML与HTML　34714.1.3　XML基本语法　34914.2　XML链接CSS文件　35214.3　XML文字阴影效果　35314.4　XML古诗字画　35614.5　XML实现隔行变色的表格　359第15章　CSS与Ajax的综合应用　36515.1　Ajax概述　36615.1.1　什么是Ajax　36615.1.2　Ajax的关键元素　36715.1.3　CSS的重要地位　36815.2　Ajax入门　37015.2.1　创建XMLHttpRequest对象　37015.2.2　发出Ajax请求　37115.2.3　处理服务器响应　37215.2.4　加入CSS样式　37215.3　Ajax实例：能够自由拖动布局区域的网页　373第4部分　综合案例篇第16章　我的博客　38316.1　分析构架　38416.1.1　设计分析　38416.1.2　排版构架　38416.2　模块拆分　38616.2.1　导航与Banner　38616.2.2　左侧列表　38816.2.3　内容部分　39216.2.4　footer脚注　39416.3　整体调整　395第17章　小型工作室网站　39717.1　分析构架　39817.1.1　设计分析　39817.1.2　首页排版　39917.1.3　内容页构架　40017.2　模块拆分　40017.2.1　搭建首页　40017.2.2　首页图片　40317.2.3　内容页面　40517.2.4　footer脚注　40717.3　整体调整　408第18章　企业网站　40918.1　分析构架　41018.1.1　设计分析　41018.1.2　排版构架　41118.2　模块拆分　41218.2.1　Logo与顶端链接　41218.2.2　左侧导航与搜索　41418.2.3　主体内容　41618.2.4　内容Banner　41618.2.5　新闻快递　41618.2.6　公司咨询　41718.2.7　英文刊物　41918.3　整体调整　421第19章　网上购物网站　42319.1　分析构架　42419.1.1　设计分析　42419.1.2　排版构架　42519.2　模块分析　42619.2.1　Banner图片　42619.2.2　导航菜单　42819.2.3　鲜花导购　42919.2.4　主体内容　43319.3　整体调整　436第20章　旅游网站　43720.1　分析构架　43820.1.1　设计分析　43820.1.2　排版构架　43820.2　模块拆分　44020.2.1　Banner图片与导航菜单　44020.2.2　左侧分栏　44120.2.3　中部主体　44320.2.4　右侧分栏　44620.2.5　脚注(footer)　44820.3　整体调整　449