精通CSS+DIV网页样式与布局

当前位置:首页 > 计算机网络 > 图形图像多媒体 > 精通CSS+DIV网页样式与布局

出版社:人民邮电出版社
出版日期:2007-8
ISBN:9787115163042
作者:前沿科技
页数:449页

作者简介

《精通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

编辑推荐

　　《精通CSS+DIV网页样式与布局》系统地讲解了CSS层叠样式表的基础理论和实际运用技术，通过大量实例对CSS进行深入浅出的分析；着重讲解如何用CSS+DIV进行网页布局，注重实际操作，使读者在学习CSS应用技术的同时，掌握CSS+DIV的精髓；还详细讲解了其他书中较少涉及的技术细节，最后给出了5个常见类型的完整网页的 综合实例，让读者进一步巩固所学到的知识，提高综合应用的能力。　　[本书特点]　　1. 系统的理论基础知识　　本书系统地讲解了CSS层叠样式表技术在网页设计中各个方面应用的知识，从为什么要用CSS开始讲解，循序渐进，配合大量实例，帮助读者奠定坚实的理论基础，做到知其所以然。　　2. 大量的技术应用实例　　书中设置大量应用实例，重点强调具体技术的灵活应用，并且全书结合了作者长期的网页设计制作和教学经验，使读者真正做到学以致用。　　3. 深入的CSS+DIV布局详解　　本书用相当的篇幅重点介绍了用CSS+DIV进行网页布局的方法和技巧，配合经典的布局案例，帮助读者掌握CSS最核心的应用技术。　　4. 高级的混合应用技术　　真正的网页除了外观表现之外，还需要结构标准语言和行为标准的结合，因此本书还特别讲解了CSS与JavaScript、Ajax和XML的混合应用，这些都是Web 2.0网站中的主要技术，使读者掌握高级的网页制作技术。　　5. 精选的网页综合实例　　在本书最后一个部分，还精选了5个常见类型网页综合实例，包括博客网站、小型工作室网站、企业网站、购物网站、旅游网站等，帮助读者总结前面所学知识，综合应用各种技术、方法和技巧，提高读者综合应用的能力。

内容概要

　　前沿视频教室（www.artech.cn）专注于Web设计和开发领域的研究和教学。通过专业图书和视频课程的方式为广大读者提供内容丰富、清晰易懂的教学内容。在CSS领域出版了《精通CSS+DIV网页样式与布局》和《CSS设计彻底研究》两本图书，均受到了读者的欢迎，成为该领域中的畅销书。

图书封面

 精通CSS+DIV网页样式与布局下载 精选章节试读 更多精彩书评


发布书评

　
　

精彩书评 (总计11条)

  •     原文地址:http://bewho.us/proficient-css-div-webstyle整理了一下《精通CSS+DIV》一书中的一些知识点，作为学习笔记，供初学者查阅。《精通CSS+DIV》是一本很浅显易懂的CSS入门书籍。书的前半部分讲的比较含糊，容易误导读者，后半部分的例子很具体。《精通CSS+DIV》学习笔记:http://www.douban.com/subject/2181438/CSS基础知识篇第1章、CSS初步体验1、行内样式表的优先级最高，其次是采用<link>标记的链接式，再次是位于<style></style>之间的内嵌式，最后才是@import的导入式样式表。link和style的优先级是一样的,取决于谁在前谁在后，还要考虑优先级加权的情况。笼统的说link和style的优先级谁高谁低是错误的。2、滤镜渐变filter只在IE浏览器下有效，并且在IE7中必须将安全级别设置成Medium.第2章、CSS的基本语法2、标记选择器、类别选择器、ID选择器。声明包含属性和值两部分。3、在没有定义选择器的时候，各个HTML标记采用浏览器自身默认的显示方式。4、类别选择器还有一种更直观的使用方法：直接在标记声明后接类别名称，以此来区别该标记。类别名称中包含标记和选择器。5、在HTML标记中，还可以同时给一个标记运用多个class类别选择器，从而将两个类别的样式风格同时运用到一个标记中。6、ID选择器的使用基本和类别选择器相似，不同之处在于ID选择器只能在HTML页面中使用一次，因此针对性更强。一个id最多只能赋予一个 HTML标记。7、集体声明、嵌套声明。类别选择器和ID选择器都可以进行嵌套。还可以多层嵌套。8、子标记会继承父标记的所有样式风格，并可以在父标记样式风格的基础上再产生新的样式。第3章、用CSS设置丰富的文字效果9、通常文章正文中使用的是易读性较强的serif字体，用户长时间阅读下不容易疲劳。而标题和表格则采用较醒目的sans-serif字体，他们需要显著和醒目，但不必长时间盯着这些文字来阅读。WEB设计及浏览器设置中也是推荐遵循此原则。10、绝对单位及其含义绝对单位 说明in Inch,英寸cm Centimeter,厘米mm Millimeter,毫米pt Point,印刷的点数，在一般的显示器中1pt相当于1/72inchpc Pica,1pc=12pt11、除了利用物理单位设定文字的绝对大小的方法，css还提供了一些绝对大小的关键字作为font-size的值，总共7个：xx- small,x-small,small,medium,large,x-large,xx-large.绝对大小在不同的显示器中显示效果有差异，因此不推荐使用。12、px显示大小与显示器的大小及其分辨率有关。采用“%”或者“em”都是相对父标记而言的，如果没有设定父标记的字体大小，则相对于浏览器的默认值。13、文字效果可以同时赋值，只需用空格隔开即可。第4章、用CSS设置图片效果当vertical-align的值为bottom或者sub时，IE与Firefox的显示效果是不一样的，所以建议尽量少使用浏览器显示效果不一样的属性值。第5章、用CSS设置网页中的背景竖排版语句“writing-mode:tb-rl”只有IE浏览器才支持，firefox浏览器并不支持该CSS属性。第6章、用CSS设置表格与表单的样式1、<table>标记中的summary属性值用于概括整个表格的内容，在用浏览器浏览页面时，它的效果是不可见的，但对搜索引擎等则十分重要。2、在HTML页面中构建表格框架时应该尽量遵循表格的标准标记，养成良好的编写习惯，并适当的利用tab、空格和空行来提高代码的可读性，从而降低后期的维护成本。3、通过CSS中定义奇数行和偶数行的样式设置，增加易读性，主要配合服务器的动态生成。4、各个浏览器的显示差异主要是显示器的默认值不同导致的，通常的解决办法是制定该值。第7章、用CSS设置页面和浏览器的元素当前激活状态“a:active”一般显示的情况非常少，因此很少使用。第8章、用CSS制作实用的菜单1、IE对list-style-type的很多属性支持不是很理想2、“display：block”语句可以将超链接设置成块元素。第9章、CSS滤镜的应用CSS+DIV美化和布局篇第10章、理解CSS定位与DIV布局1、<div>标记在HTML3.0时代就已出现，但并不常用，<span>标记在HTML4.0时才被引进。<div>和<span>的作用都是独立出各个区块。区别在于，<div>是一个块级（block- level）元素，它包围的元素会自动换行。而<span>仅仅是一个行内元素（inline elements），在它的前后不会换行。<span>没有结构上的意义，纯粹是应用样式，当其他行内元素都不合适的时候，就可以使用<span>元素。此外，<span>可以包含在<div>标记中，成为他的子元素，而翻过来则不行。2、一个盒子模型由content（内容）、border（边框）、padding（间隙）和margin（间隔）4个部分组成。3、在浏览器中，width和height的值都指的是width+padding或者height+padding的值。4、Border的groove、insert、outset和ridge这几个值，IE都支持得不够理想。IE不对border的背景上色，而 firefox的作用域为content+padding+border。5、Padding用于控制content与border之间的距离。Margin指的是元素与元素之间的距离、块与块之间的距离。6、在css中可以用过设置块元素的clear属性清除对float的影响。第11章、CSS+div布局方法剖析第12章、CSS+div美化与布局实战1、文档类型声明用来说明文件使用的xHTML或者HTML是什么版本，分过渡型、严格型、框架型。这句代码能够使得IE浏览器能更加正确地解析 CSS语法。2、　<script language=”javascript”>var number = new Date().getSeconds() % 3 + 1; //随机数，从1到3//随机选择CSS外部文件document.write(‘<link href=”0′ + number.toString() + ’/0′ + number.toString() + ’.css” rel=”stylesheet” type=”text/css”>’);</script>这段代码产生随机数，从而在刷新页面的时候调用不同的外部样式文件。CSS混合应用技术篇第13章、CSS与JavaScript的综合应用第14章、CSS与XML的综合应用1、XML文件中的</br>标记，在HTML中它表示换行，在XML中仅是一个空标记，没有任何意义。当将它的display属性设置为block块时，则可以起到换行的效果。2、XML的数据默认都不是块元素，而是行内元素。所以在XML中有时需要将各个行都设置为块，数据排列就会清晰很多。3、Firefox等一些浏览器并不支持XML文件中行内元素的width属性，也不支持CSS常用的属性覆盖方法，因此显示效果并不是很理想。第15章、CSS与Ajax的综合应用ajax不是单一的技术，而是4种技术的集合。Javascript、CSS、DOM、XMLHttpRequest对象。Javascript像胶水一样将各个部分粘合在一起，定义应用的工作流和业务逻辑。通过使用Javascript操作DOM来改变和刷新用户界面，不断地重绘和重新组织显示给用户的数据，并且处理用户基于鼠标和键盘的交互。CSS为应用提供了统一的外观，并且为以编程方式操作DOM提供了强大的途径。在Ajax中，CSS仍然是不可缺少的美术大师。XMLHttpRequest对象则用来与服务器进行异步通信，在用户工作时提交用户的请求并获取最新的数据。Ajax的核心是Javascript对象XMLHttpRequest。综合案例篇第16章、我的博客第17章、小型工作室网站第18章、企业网站第19章、网上购物网站第20章、旅游网站
  •     CSS+DIV不是标准布局。标准倡导的是用有意义的标签，而不是div这种无意义的标签的滥用。其实tabel和div都是标准HTML的标签，按照标准的建议，应该将table用在数据表格展现的地方，也只有用table才能最好地展现表格数据。如果用div来表现表格数据，那将和用table来做页面布局一样，使web页面设计陷入标签和内容不统一的局面。这不是标准所建议的。国内最近一两年一直高呼div+css，其实会对大家造成一种误导，让大家对标准产生误解。再强调一下，css+div并不是web的一切，就像table一样。我们应该使用有意义的标签，和内容统一的标签，这才是符合标准的精神。用有意义的标签加CSS的布局才是最佳的布局。
  •     优点是：图文并貌，有实例可以学，我入门就是看的这个自学的网页设计缺点是：其实内容很少，有些东西有点过时了，毕竟出版有几年了入门级童鞋值得看看，直接直观，手把手教你

精彩短评 (总计45条)

  •     精通CSS DIV网页样式与布局
  •     很赞！讲解很详细，很清楚，很实用！
  •     锅最初入门的书籍，视频制作很精心，挺好的。
  •     呵呵，学习CSS+DIV的人别错过了~
  •     补，刚工作的时候
  •     非常好。
  •     这是我学div+css的第一本书，没有任何基础学习的，所以确实帮助我入门，很通俗易懂。但是书中也有错误的地方。比如对absolute的讲解。看完这本书再去看《CSS设计彻底研究》就容易多了。
  •     我们曾经的教材
  •     没怎么看
  •     别乱用 div
  •     入门的教材，有实例，但感觉例子有些过时了
  •     写的不错，好书
  •     内容一般，价格太贵
  •     一般啦，书名改得有点夸张，谈不上“精通”，最多是入门的水平
  •     后期几个滑动门效果写的很实用
  •     如果学习CSS+DIV的话,这本书不错,网上可以下到他的视频
  •     还口以
  •     简明易懂……
  •     精通CSS DIV网页样式与布局（附赠光盘）
  •     哈哈，看过的唯一一本前端书。
  •     只适合入门，非常基础，示例不错
  •     哎哎哎，加油啊！
  •     学div和css看的就是这本，入门级很适合
  •     大一时学长推荐的启蒙书
  •     对于稍有基础的人来说真很不错，查漏补缺了很多细节。读到第五章因结婚停了，后来工作偏设计，暂且停断一下。
  •     书中的实例比较经典，但是没有详细的注释。另外，本书不适合零基础的人阅读。
  •     由浅入深，又有实例，适合初学者。
  •     一本CSS的书，却很多PS的内容
  •     简单入门
  •     还不错..至少我懂了那么一点 哈哈
  •     读了前三部分。
  •     对于初学者来说很好的书
  •     新手学习css必看的一本书，不过就是有点老了，要是能够随时代进步就好了，那时候我就是看着本书才喜欢上css的，视频讲得很给力。
  •     很啰嗦，有些难点没讲透彻
  •     对CSS介绍非常详细 后面的章节介绍布局方法和思路 感觉非常不错！推荐CSS入门学习来用！
  •     俺是本书作者，有兴趣的和我联系哦~~
  •     例子还好，以后没事还要多看几遍。
  •     DIV CSS
  •     启蒙书籍
  •     在于实际操作
  •     终于在半夜里看完了这本书，它帮助我、催促我完成了手中的网页制作，我从一个菜鸟升级入一个专业境界···
  •     08年买，当年此书卖得极好，跟风买了本，看不懂，结果今天才看完（谁让专业要学这个呢）- - 有些知识过时了，其实不怎么适合初学者
  •     太啰嗦了~~~还不如看网上的实例来得方便。
  •     很好的书~
  •     我最喜欢的装逼方式就是在读过一本学术类或者教材类的书籍之后，在豆瓣短评上写下一个字：浅！
 

农业基础科学,时尚,美术/书法,绘画,软件工程/开发项目管理,研究生/本专科,爱情/情感,动漫学堂PDF下载,。 PDF下载网 

PDF下载网 @ 2024