别具光芒——CSS属性、浏览器兼容与网页布局
分類: 图书,计算机/网络,图形图像 多媒体,网页设计,
作者: 李烨 编著
出 版 社: 人民邮电出版社
出版时间: 2008-10-1字数:版次: 1页数: 416印刷时间:开本: 16开印次: 1纸张:I S B N : 9787115181237包装: 平装编辑推荐
全新的图文结合方式,全面展现了网页设计与制作过程中的细节处理;
作者继《别具光芒——Div+CSS网页布局与美化》推出的图书;
作者在网站上提供相关代码、实例源文件。
内容简介
本书结合大量范例与实际应用的实例,详细介绍了W3C发布的层叠样式表CSS2.1规范,浏览器对于CSS 2.1规范解释的异同,以及使用XHTML和层叠样式表对网页进行结构化与美化的实际制作方法。本书内容由浅入深,不仅介绍了Web标准和层叠样式表的各个属性,还结合实例对属性的实际应用进行讲解,同时配合在不同浏览器内的效果展示,针对读者实际制作中可能遇到的问题,提供了解决问题的思路和方法。
本书适用于希望系统学习CSS的初学者,也适用于从事网页设计制作和网站建设的从业人员,也可以作为各大中专院校相关专业的教学辅导和参考用书,或作为相关培训机构的培训教材。
目录
第1部分Web标准
第1章Web标准概述2
1.1Web标准概述3
1.2表现与结构的分离3
1.3易用性4
1.4难点所在5
1.4.1DIV+CSS不等于Web标准5
1.4.2正确使用XHTML标签5
1.4.3表格本身并没有被抛弃6
1.4.4善于利用CSS6
1.4.5不要滥用class6
1.4.6应对浏览器6
1.4.7“通过验证”并不是最终目的7
1.5SEO简介7
第2章结构与XHTML9
2.1理解结构与表现10
2.1.1内容10
2.1.2结构(Structure)11
2.1.3表现(Presentation)11
2.1.4行为(Behavior)12
2.2从HTML到XHTML12
2.2.1HTML简史12
2.2.2HTML的缺点13
2.2.3从HTML到XHTML14
2.3理解(X)HTML标签的语义18
2.3.1(X)HTML与浏览器默认样式18
2.3.2常用的XHTML标签和属性19
2.3.3(X)HTML各个元素对搜索引擎的权重比例27
2.4网站整体制作基本流程27
2.4.1总体流程与分工27
2.4.2静态页面制作28
第2部分层叠样式表CSS
第3章CSS入门31
3.1CSS简介32
3.1.1起源32
3.1.2神奇的CSS32
3.1.3CSS与HTML33
3.1.4CSS与浏览器34
3.1.5CSS 2.1与CSS234
3.2CSS的使用方法34
3.2.1行内式样式(Iinline Style)35
3.2.2嵌入式样式表(Embedded Style Sheets)35
3.2.3外部样式表(Link Style Sheets)35
3.2.4导入式样式表37
3.2.5应用38
3.2.6维护和组织样式表38
3.3基本样式规则39
3.3.1基本语法39
3.3.2继承与层叠40
3.3.3分组40
3.3.4注释41
3.3.5缩写41
3.3.6注意事项43
3.4元素类型43
3.4.1替换和不可替换元素44
3.4.2显示元素44
3.5媒体类型45
3.5.1指定媒体相关的样式表45
3.5.2媒体组45
第4章文档结构与选择器47
4.1文档结构48
4.2CSS选择器49
4.2.1通配选择器(Universal Selector)49
4.2.2类型选择器(Type Selectors)49
4.2.3ID选择器(ID Selectors)50
4.2.4类选择器(Class Selectors)50
4.2.5包含选择器(Descendant Selectors)51
4.2.7相邻兄弟选择器(Adjacent Sibling Selectors)52
4.2.8属性选择器(Attribute Selectors)53
4.3伪类与伪元素56
4.3.1伪类(Pseudo-Classes)56
4.3.2伪元素(Pseudo-Elements)59
4.3.3注意61
4.4指定值、计算值和实际值62
4.5继承63
4.5.1值的继承62
4.5.2“inherit”值63
4.5.3继承的局限性63
4.6层叠64
4.6.1层叠的顺序64
4.6.2特殊性的计算65
4.6.3继承和特殊性65
4.6.4重要性66
4.6.5非CSS的表现类内容66
4.7CSS 3新增选择器前瞻67
4.7.1更多的属性选择器67
4.7.2普通兄弟选择器68
4.7.3结构伪类(Structural Pseudo-Classes)69
4.7.4UI元素伪类和伪元素70
4.7.5其他伪类70
4.8命名规范71
4.9选择器综合运用72
第5章单位和值74
5.1颜色75
5.1.1颜色关键字75
5.1.2RGB颜色75
5.1.3关键字transparent77
5.1.4网页安全色(Web-safe Colors)77
5.2整数值和实数值78
5.3长度78
5.3.1格式78
5.3.2长度单位78
5.3.3应用80
5.4百分比80
5.5关键字81
5.6字符串81
5.7URL+URN=URI81
5.8其他值82
5.8.1记数器82
5.8.2角度825.8.3时间835.8.4频率835.9不支持的值的处理83第6章字体846.1.1语法856.1.2常用字体系列856.2字体尺寸:font-size属性876.2.1语法876.2.2绝对尺寸886.2.3相对尺寸896.2.4百分比和em896.2.5尺寸的继承与浏览器的显示906.2.6分辨率与弹性设计916.3字体磅值:font-weight属性916.3.1语法926.3.2继承926.3.3浏览器显示原理936.4字体样式:font-style属性946.5字体变形:font-variant属性956.6缩写的字体属性:font属性956.6.1语法956.6.2注意966.6.3系统字体976.7调整与拉伸986.7.1字体调整:font-size-adjust属性986.7.2字体伸展:font-stretch属性996.8字体匹配原理996.8.1字体的匹配步骤996.8.2设定字体集的注意事项1006.8.3字体的选择1006.8.4font-face规则101第7章文本1027.1文本水平对齐:text-align属性1037.1.1语法1037.1.2适用于:块级元素1037.1.3继承1047.1.4应用:整体居中1047.2文本缩进:text-indent属性1057.2.1语法1067.2.2正值缩进1067.2.3负值缩进1077.2.4应用:隐藏单行文字1077.3行高:line-height属性1087.3.1语法1087.3.2内容区域、行内框和行框1097.3.4浏览器的差别与错误1117.3.5应用:单行文字在垂直方向居中1127.4垂直对齐:vertical-align属性1127.4.1语法1127.4.2属性值详解1137.4.3奇怪的IE1167.4.4文档类型与纯图片内容的垂直对齐1167.4.5单元格的垂直对齐1187.5单词间隔(word-spacing)和字母间隔(letter-spacing)1197.5.1单词间隔:word-spacing属性1197.5.2字母间隔:letter-spacing属性1207.5.3水平对齐的影响和继承1207.6文本转换:text-transform属性1217.7文本装饰:text-decoration属性1217.8空白:white-space属性1237.8.1语法1237.8.2属性值详解1237.8.3应用:显示不回行文本1247.9文本阴影:text-shadow属性1257.10文字方向direction和编码方式unicode-bidi126第8章框模型1288.1框模型(Box Model)1298.2包含块(Containing Block)1318.2.1视口(viewport)1318.2.2包含块1318.3宽度:width属性1338.3.1语法1338.3.2行内元素的宽度1348.3.3长度和百分比1358.4最大宽度(max-width)和最小宽度(min-width)1368.5高度:height属性1378.5.1语法1378.5.2行内元素的高度1388.6最大高度(max-height)和最小高度(min-height)1388.7补白:padding属性1408.7.1缩写属性:padding1408.7.2补白、宽度和高度1418.7.3百分比值补白1418.8边框:border属性1428.8.1边框颜色1428.8.2边框宽度1438.8.3边框样式1448.8.4不同方向的边框属性缩写1468.8.5缩写属性border1468.8.6行内元素的边框1478.8.7应用:文字链接的装饰1478.9边距:margin属性1488.9.1水平方向的边距:margin-left属性和margin-right属性1498.9.2垂直方向的边距:margin-top属性和margin-bottom属性1508.9.3百分比值边距1538.9.4负值边距1548.9.5应用:元素水平居中1558.10常规流向中的视觉格式化1568.10.1块级元素的水平格式化1568.10.2应用:宽度自适应的布局1608.10.3块级元素的垂直格式化1618.10.4应用:高度自适应浏览器窗口1638.10.5行内元素的格式化164第9章浮动、定位与视觉格式化模型1679.1视觉格式化模型控制框的生成1689.1.1块框的生成(block box)1689.1.2行内框(inline box)1699.1.3插入框(run-in box)1709.2显示类型:display属性1709.2.1语法1719.2.2应用:显示或隐藏元素1739.3定位1749.3.1选择定位方式:position属性1749.3.2设定框偏移:top、right、bottom、left属性1749.3.3相对定位1769.3.4绝对定位1789.3.5堆叠顺序:z-index属性1919.3.6IE中的position1949.3.7应用:显示提示内容1959.4浮动与清除1979.4.1设定浮动:float属性1979.4.2浮动元素的视觉格式化内容1989.4.3清除浮动:clear属性2049.4.4应用:3行3列布局设计2079.6溢出和剪切2099.6.1溢出:overflow属性2109.6.2剪切:clip属性2129.6.3clip与overflow属性的关系2149.7可视性:visibility属性2159.7.1属性值详解2159.7.2应用:显示及隐藏元素216第10章颜色与背景21710.1颜色基础21810.2前景色:color属性21910.2.1链接22010.2.2边框22110.2.3表单元素22110.3背景22210.3.1背景颜色:background-color属性22210.3.2背景图片:background-image属性22310.3.3背景图片重复:background-repeat属性22410.3.4背景图片附属:background-attachment属性22510.3.5背景图片定位:background-position属性22610.3.6缩写属性:background23010.3.7元素的背景23110.4应用23210.4.1灵活使用背景23210.4.2模拟边框23310.4.3简单的链接背景替换23710.4.4导航菜单的滑动门效果239第11章表格24411.1表格的标签与属性24511.1.1标签概览24511.1.2(X)HTML属性24811.2CSS的表格模型25111.2.1表格模型概述25111.2.2display属性25111.2.3匿名表格对象25311.2.4列25311.3表格的视觉格式化25411.3.1匿名框、标题框与表格框25411.3.2标题的定位:caption-side属性25411.3.3表格内容的视觉布局25511.3.4表格的层和透明性25611.3.5表格宽度算法:table-layout属性25811.3.6表格高度26311.3.7单元格内容的对齐26411.4单元格边框:border-collapse属性26611.4.1分离的边框模型26711.4.2重合的边框模型26911.4.3边框样式272第12章列表和生成的内容27312.1列表27412.1.1列表样式类型:list-style-type属性27412.1.2列表样式图片:list-style-image属性27612.1.3列表样式定位:list-style-position属性27712.1.4列表样式缩写:list-style属性27812.1.5浏览器对列表的表现与样式的继承27812.2生成的内容28012.2.1:before和:after伪元素28112.2.2生成内容:content属性28112.2.3自动记数和编号285第13章用户界面29113.1鼠标指针:cursor属性29213.1.1关键字29213.1.2图片鼠标指针29313.2系统字体和颜色29413.2.1系统字体29413.2.2系统颜色29513.3动态的外廓:outline属性29613.3.1外廓与边框的区别29613.3.2外廓宽度:outline-width属性29713.3.3外廓样式:outline-style属性29713.3.4外廓颜色:outline-color属性29813.3.5缩写:outline属性29813.3.6外廓与焦点299第14章页面媒体300KV14.1页面媒体简介30114.2指定媒体类型30114.3页框:page规则30214.3.1页边距30214.3.2页面选择器30314.4分页304L14.4.1元素前后分页:page-break-before和page-break-after属性30414.4.2元素内部分页:page-break-inside属性30614.4.3元素内的分割:orphans和widows属性30614.4.4分页的规则30814.5CSS 2中的属性30914.5.1页框尺寸:size属性30914.5.2裁切标记:marks属性31014.5.3使用命名的页:page属性31014.6显示器、打印机和投影31014.6.1设备特点31114.6.2设计要点311第15章听觉样式表31315.1听觉(aural)类型与语音(speech)类型31415.1.1链接听觉样式的特点31415.1.2与听觉属性相关的值31415.2音量属性:volume属性31415.3发音:speak属性31515.4暂停:pause-before、pause-after和pause属性31615.5提示:cue-before、cue-after和cue属性31715.6混音:play-during属性31815.7空间:azimuth和elevation属性31815.8语音特征属性32015.9语音:speak-punctuation和speak-numeral属性32315.10叙述表头:speak-header属性323第16章浏览器与Hack32516.1浏览器简介32616.1.1浏览器的发展32616.1.2浏览器的解释引擎32616.1.3浏览器的工作模式32716.2Windows IE32916.2.1hasLayout属性32916.2.2条件注释33816.3常用的CSS Hack33916.3.1CSS Hack原理33916.3.2CSS Hack不是必须的34016.3.3常用的CSS Hack34016.4发现与解决问题34316.4.1排查问题34316.4.2常见的非Bug问题34416.4.3Windows IE常见Bug347第3部分结构化实例第17章旅游网站35617.1结构化35717.1.1分析内容结构35717.1.2基本结构35817.1.3页首部分的结构化35917.1.4中间部分的结构化36117.1.5页脚部分的结构化36817.2图片格式与网络基础知识36917.2.1图片格式36917.2.2图片与优化37017.3CSS美化37117.3.1整体分析37117.3.2header层37717.3.3logo层37817.3.4mainNav层37817.3.5login层38117.3.6controlMenu层38517.3.7main层39417.3.8travels层39517.3.9hot层39917.3.10ad1层40317.3.11photos层40217.3.12forumList层40417.3.13forumHot层40517.3.14club层41017.3.15vote层和community层41217.3.16footer层41317.4版式与结构41517.5小结416