别具光芒CSS属性、浏览器兼容与网页布局

语音

编辑

锁定

讨论

上传视频

上传视频

《别具光芒CSS属性、浏览器兼容与网页布局》是2008年人民邮电出版社出版的图书。该书结合大量范例与实际应用的实例,详细介绍了W3C发布的层叠样式表CSS2.1规范,浏览器对于CSS2.1规范解释的异同,以及使用XHTML和层叠样式表对网页进行结构化与美化的实际制作方法。

书    名

别具光芒CSS属性、浏览器兼容与网页布局

页    数

416页出版社

人民邮电出版社

出版时间

2008年10月1日

ISBN

9787115181237

别具光芒CSS属性、浏览器兼容与网页布局图书信息

编辑

语音

正文语种: 简体中文

开本: 16

ISBN: 9787115181237

条形码: 9787115181237

尺寸: 25.6 x 18.4 x 2 cm

重量: 739 g

别具光芒CSS属性、浏览器兼容与网页布局内容简介

编辑

语音

《别具光芒CSS属性、浏览器兼容与网页布局》内容由浅入深,不仅介绍了Web标准和层叠样式表的各个属性,还结合实例对属性的实际应用进行讲解,同时配合在不同浏览器内的效果展示,针对读者实际制作中可能遇到的问题,提供了解决问题的思路和方法[1]

别具光芒CSS属性、浏览器兼容与网页布局目录

编辑

语音

第1部分 Web标准

第1章 Web标准概述

1.1 Web标准概述

1.2 表现与结构的分离

1.3 易用性

1.4 难点所在

1.4.1 DIV+CSS不等于Web标准

1.4.2 正确使用XHTML标签

1.4.3 表格本身并没有被抛弃

1.4.4 善于利用CSS

1.4.5 不要滥用class

1.4.6 应对浏览器

1.4.7 “通过验证”并不是最终目的

1.5 SEO简介

第2章 结构与XHTML

2.1 理解结构与表现

2.1.1 内容

2.1.2 结构(Structure)

2.1.3 表现(Presentation)

2.1.4 行为(Behavior)

2.2 从HTML到XHTML

2.2.1 HTML简史

2.2.2 HTML的缺点

2.2.3 从HTML到XHTML

2.3 理解(X)HTML标签的语义

2.3.1 (X)HTML与浏览器默认样式

2.3.2 常用的XHTML标签和属性

2.3.3 (X)HTML各个元素对搜索引擎的权重比例

2.4 网站整体制作基本流程

2.4.1 总体流程与分工

2.4.2 静态页面制作

第2部分 层叠样式表CSS

第3章 CSS入门

3.1 CSS简介

3.1.1 起源

3.1.2 神奇的CSS

3.1.3 CSS与HTML

3.1.4 CSS与浏览器

3.1.5 CSS 2.1与CSS 2

3.2 CSS的使用方法

3.2.1 行内式样式(Iinline Style)

3.2.2 嵌入式样式表(Embedded Style Sheets)

3.2.3 外部样式表(Link Style Sheets)

3.2.4 导入式样式表

3.2.5 应用

3.2.6 维护和组织样式表

3.3 基本样式规则

3.3.1 基本语法

3.3.2 继承与层叠

3.3.3 分组

3.3.4 注释

3.3.5 缩写

3.3.6 注意事项

3.4 元素类型

3.4.1 替换和不可替换元素

3.4.2 显示元素

3.5 媒体类型

3.5.1 指定媒体相关的样式表

3.5.2 媒体组

第4章 文档结构与选择器

4.1 文档结构

4.2.1 通配选择器(Universal Selector)

4.2.2 类型选择器(Type Selectors)

4.2.3 ID选择器(ID Selectors)

4.2.4 类选择器(Class Selectors)

4.2.5 包含选择器(Descendant Selectors)

4.2.7 相邻兄弟选择器(Adjacent Sibling Selectors)

4.2.8 属性选择器(Attribute Selectors)

4.3 伪类与伪元素

4.3.1 伪类(Pseudo-Classes)

4.3.2 伪元素(Pseudo-Elements)

4.3.3 注意

4.4 指定值、计算值和实际值

4.5 继承

4.5.1 值的继承

4.5.2 “inherit”值

4.5.3 继承的局限性

4.6 层叠

4.6.1 层叠的顺序

4.6.2 特殊性的计算

4.6.3 继承和特殊性

4.6.4 重要性

4.6.5 非CSS的表现类内容

4.7 CSS 3新增选择器前瞻

4.7.1 更多的属性选择器

4.7.2 普通兄弟选择器

4.7.3 结构伪类(Structural Pseudo-Classes)

4.7.4 UI元素伪类和伪元素

4.7.5 其他伪类

4.8 命名规范

4.9 选择器综合运用

第5章 单位和值

5.1 颜色

5.1.1 颜色关键字

5.1.2 RGB颜色

5.1.3 关键字transparent

5.1.4 网页安全色(Web-safe Colors)

5.2 整数值和实数值

5.3 长度

5.3.1 格式

5.3.2 长度单位

5.3.3 应用

5.4 百分比

5.5 关键字

5.6 字符串

5.7 URL+URN=URI

5.8 其他值

5.8.1 记数器

5.8.2 角度

5.8.3 时间

5.8.4 频率

5.9 不支持的值的处理

第6章 字体

6.1.1 语法

6.1.2 常用字体系列

6.2 字体尺寸:font-size属性

6.2.1 语法

6.2.2 绝对尺寸

6.2.3 相对尺寸

6.2.4 百分比和em

6.2.5 尺寸的继承与浏览器的显示

6.2.6 分辨率与弹性设计

6.3 字体磅值:font-weight属性

6.3.1 语法

6.3.2 继承

6.3.3 浏览器显示原理

6.4 字体样式:font-style属性

6.5 字体变形:font-variant属性

6.6 缩写的字体属性:font属性

6.6.1 语法

6.6.2 注意

6.6.3 系统字体

6.7 调整与拉伸

6.7.1 字体调整:font-size-adjust属性

6.7.2 字体伸展:font-stretch属性

6.8 字体匹配原理

6.8.1 字体的匹配步骤

6.8.2 设定字体集的注意事项

6.8.3 字体的选择

6.8.4 font-face规则

第7章 文本

7.1 文本水平对齐:text-align属性

7.1.1 语法

7.1.2 适用于:块级元素

7.1.3 继承

7.1.4 应用:整体居中

7.2 文本缩进:text-indent属性

7.2.1 语法

7.2.2 正值缩进

7.2.3 负值缩进

7.2.4 应用:隐藏单行文字

7.3 行高:line-height属性

7.3.1 语法

7.3.2 内容区域、行内框和行框

7.3.4 浏览器的差别与错误

7.3.5 应用:单行文字在垂直方向居中

7.4 垂直对齐:vertical-align属性

7.4.1 语法

7.4.2 属性值详解

7.4.3 奇怪的IE

7.4.4 文档类型与纯图片内容的垂直对齐

7.4.5 单元格的垂直对齐

7.5 单词间隔(word-spacing)和字母间隔(letter-spacing)

7.5.1 单词间隔:word-spacing属性

7.5.2 字母间隔:letter-spacing属性

7.5.3 水平对齐的影响和继承

7.6 文本转换:text-transform属性

7.7 文本装饰:text-decoration属性

7.8 空白:white-space属性

7.8.1 语法

7.8.2 属性值详解

7.8.3 应用:显示不回行文本

7.9 文本阴影:text-shadow属性

7.10 文字方向direction和编码方式unicode-bidi

第8章 框模型

8.1框模型(Box Model)

8.2 包含块(Containing Block)

8.2.1 视口(viewport)

8.2.2 包含块

8.3 宽度:width属性

8.3.1 语法

8.3.2 行内元素的宽度

8.3.3 长度和百分比

8.4 最大宽度(max-width)和最小宽度(min-width)

8.5 高度:height属性

8.5.1 语法

8.5.2 行内元素的高度

8.6 最大高度(max-height)和最小高度(min-height)

8.7 补白:padding属性

8.7.1 缩写属性:padding

8.7.2 补白、宽度和高度

8.7.3 百分比值补白

8.8 边框:border属性

8.8.1 边框颜色

8.8.2 边框宽度

8.8.3 边框样式

8.8.4 不同方向的边框属性缩写

8.8.5 缩写属性border

8.8.6 行内元素的边框

8.8.7 应用:文字链接的装饰

8.9 边距:margin属性

8.9.1 水平方向的边距:margin-left属性和margin-right属性

8.9.2 垂直方向的边距:margin-top属性和margin-bottom属性

8.9.3 百分比值边距

8.9.4 负值边距

8.9.5 应用:元素水平居中

8.10 常规流向中的视觉格式化

8.10.1 块级元素的水平格式化

8.10.2 应用:宽度自适应的布局

8.10.3 块级元素的垂直格式化

8.10.4 应用:高度自适应浏览器窗口

8.10.5 行内元素的格式化

第9章 浮动、定位与视觉格式化模型

9.1 视觉格式化模型控制框的生成

9.1.1 块框的生成(block box)

9.1.2 行内框(inline box)

9.1.3 插入框(run-in box)

9.2 显示类型:display属性

9.2.1 语法

9.2.2 应用:显示或隐藏元素

9.3 定位

9.3.1 选择定位方式:position属性

9.3.2 设定框偏移:top、right、bottom、left属性

9.3.3 相对定位

9.3.4 绝对定位

9.3.5 堆叠顺序:z-index属性

9.3.6 IE中的position

9.3.7 应用:显示提示内容

9.4 浮动与清除

9.4.1 设定浮动:float属性

9.4.2 浮动元素的视觉格式化内容

9.4.3 清除浮动:clear属性

9.4.4 应用:3行3列布局设计

9.6 溢出和剪切

9.6.1 溢出:overflow属性

9.6.2 剪切:clip属性

9.6.3 clip与overflow属性的关系

9.7 可视性:visibility属性

9.7.1 属性值详解

9.7.2 应用:显示及隐藏元素

第10章 颜色与背景

10.1 颜色基础

10.2 前景色:color属性

10.2.1 链接

10.2.2 边框

10.2.3 表单元素

10.3 背景

10.3.1 背景颜色:background-color属性

10.3.2 背景图片:background-image属性

10.3.3 背景图片重复:background-repeat属性

10.3.4 背景图片附属:background-attachment属性

10.3.5 背景图片定位:background-position属性

10.3.6 缩写属性:background

10.3.7 元素的背景

10.4 应用

10.4.1 灵活使用背景

10.4.2 模拟边框

10.4.3 简单的链接背景替换

10.4.4 导航菜单的滑动门效果

第11章 表格

11.1 表格的标签与属性

11.1.1 标签概览

11.1.2 (X)HTML属性

11.2 CSS的表格模型

11.2.1 表格模型概述

11.2.2 display属性

11.2.3 匿名表格对象

11.2.4 列

11.3 表格的视觉格式化

11.3.1 匿名框、标题框与表格框

11.3.2 标题的定位:caption-side属性

11.3.3 表格内容的视觉布局

11.3.4 表格的层和透明性

11.3.5 表格宽度算法:table-layout属性

11.3.6 表格高度

11.3.7 单元格内容的对齐

11.4 单元格边框:border-collapse属性

11.4.1 分离的边框模型

11.4.2 重合的边框模型

11.4.3 边框样式

第12章 列表和生成的内容

12.1 列表

12.1.1 列表样式类型:list-style-type属性

12.1.2 列表样式图片:list-style-image属性

12.1.3 列表样式定位:list-style-position属性

12.1.4 列表样式缩写:list-style属性

12.1.5 浏览器对列表的表现与样式的继承

12.2 生成的内容

12.2.1 :before和:after伪元素

12.2.2 生成内容:content属性

12.2.3 自动记数和编号

第13章 用户界面

13.1 鼠标指针:cursor属性

13.1.1 关键字

13.1.2 图片鼠标指针

13.2 系统字体和颜色

13.2.1 系统字体

13.2.2 系统颜色

13.3 动态的外廓:outline属性

13.3.1 外廓与边框的区别

13.3.2 外廓宽度:outline-width属性

13.3.3 外廓样式:outline-style属性

13.3.4 外廓颜色:outline-color属性

13.3.5 缩写:outline属性

13.3.6 外廓与焦点

第14章 页面媒体 300KV

14.1页面媒体简介

14.2 指定媒体类型

14.3 页框:page规则

14.3.1 页边距

14.3.2 页面选择器

14.4 分页 304L

14.4.1 元素前后分页:page-break-before和page-break-after属性

14.4.2 元素内部分页:page-break-inside属性

14.4.3 元素内的分割:orphans和widows属性

14.4.4 分页的规则

14.5 CSS 2中的属性

14.5.1 页框尺寸:size属性

14.5.2 裁切标记:marks属性

14.5.3 使用命名的页:page属性

14.6 显示器、打印机和投影

14.6.1 设备特点

14.6.2 设计要点

第15章 听觉样式表

15.1 听觉(aural)类型与语音(speech)类型

15.1.1 链接听觉样式的特点

15.1.2 与听觉属性相关的值

15.2 音量属性:volume属性

15.3 发音:speak属性

15.4 暂停:pause-before、pause-after和pause属性

15.5 提示:cue-before、cue-after和cue属性

15.6 混音:play-during属性

15.7 空间:azimuth和elevation属性

15.8 语音特征属性

15.9 语音:speak-punctuation和speak-numeral属性

15.10 叙述表头:speak-header属性

第16章 浏览器与Hack

16.1 浏览器简介

16.1.1 浏览器的发展

16.1.2 浏览器的解释引擎

16.1.3 浏览器的工作模式

16.2 Windows IE

16.2.1 hasLayout属性

16.2.2 条件注释

16.3 常用的CSS Hack

16.3.1 CSS Hack原理

16.3.2 CSS Hack不是必须的

16.3.3 常用的CSS Hack

16.4 发现与解决问题

16.4.1 排查问题

16.4.2 常见的非Bug问题

16.4.3 Windows IE常见Bug

第3部分 结构化实例

第17章 旅游网站

17.1 结构化

17.1.1 分析内容结构

17.1.2 基本结构

17.1.3 页首部分的结构化

17.1.4 中间部分的结构化

17.1.5 页脚部分的结构化

17.2 图片格式与网络基础知识

17.2.1 图片格式

17.2.2 图片与优化

17.3 CSS美化

17.3.1 整体分析

17.3.2 header层

17.3.3 logo层

17.3.4 mainNav层

17.3.5 login层

17.3.6 controlMenu层

17.3.7 main层

17.3.8 travels层

17.3.9 hot层

17.3.10 ad1层

17.3.11 photos层

17.3.12 forumList层

17.3.13 forumHot层

17.3.14 club层

17.3.15 vote层和community层

17.3.16 footer层

17.4 版式与结构

17.5 小结

词条图册

更多图册

参考资料

1.

别具光芒CSS属性、浏览器兼容与网页布局

.豆瓣读书[引用日期2019-06-06]

css元素与浏览器边框,别具光芒CSS属性、浏览器兼容与网页布局相关推荐

  1. php里面怎么设置边框颜色,css怎么设置div边框颜色

    css设置div边框颜色的方法:首先创建一个HTML示例文件:然后定义一个div:最后通过给该div添加"border-color"或者"border-left-colo ...

  2. css设置元素的宽高为整数,为什么有的浏览器解析出来的宽高是小数?

    如图: 因为把当前的标签页缩放显示了,所以浏览器会渲染出非整数的盒子尺寸 参考文章:css设置元素的宽高为整数,为什么有的浏览器解析出来的宽高是小数? - 孙北吉的回答 - 知乎

  3. CSS 元素的边框border属性

    <title>边框相关属性</title> <!--边框的3个相关属性: 宽度(border-width):可以使用thin,medium,thick等文本值,也可以使用 ...

  4. CSS元素总结及HTML布局

    HTML标签 <div>布局标签           <h1-h6>标题标签              <p>段落标签             <a>超 ...

  5. 浏览器默认标签样式总结及css初始化程序(转)

    浏览器默认标签样式总结及css初始化程序 html中的大部分的标签都有一些糟糕的样式,有的是标签天然自带的,有的是浏览器默认设置的,我们在写网页时,这些默认的样式就会时不时的跳出来捣一下乱,搞得我们很 ...

  6. 如何删除输入文本元素上的边框突出显示

    当一个HTML元素被"聚焦"(当前被选中/标签入)时,许多浏览器(至少是Safari和Chrome)会在其周围放置一个蓝色边框. 对于我正在处理的布局,这会分散注意力,看起来不正确 ...

  7. 常用CSS元素div ul dl dt ol的简单解释

    几个css元素的简单解释 div ul dl dt oldiv,这个很常见,块级元素,div尽量少用,和table一样,嵌套越少越好 ol 有序列表. <ol> <li>--& ...

  8. html多重边框,中间空白,CSS揭秘之多重边框的实现

    多重边框的两种实现方案: border-shadow outline Mutiple border .common { width: 25vw; height: 20vh; margin: 10%; ...

  9. 请写出至少5个html块元素标签_34道常见的HTML+CSS面试题(附答案)

    公众号[传智播客博学谷]回复关键词:前端 PS Java(100G) Python(80G) 大数据 区块链 测试 PPT JS(40g+300教程) HTML 简历 领取相关学习资料! 一.HTML ...

最新文章

  1. python中的time库安装步骤-python time模块的使用
  2. r语言 断轴 画图_R语言作图——Density plot
  3. 通过 GitExtensions 来使用 Git 子模块功能
  4. Bootstrap栅格系统研究
  5. 中国最假的36句话(转自傲游论坛)
  6. Linux基本命令之seq
  7. web 前端小记_1 :hasLayout
  8. 编译原理-陈火旺-第三版-课后习题第八章123题
  9. Ubuntu 19.04 磁盘加密
  10. dvi接口引脚定义_为什么越来越多人用RS232接口,却还分不清DB9、DB25的引脚定义?...
  11. asp.net扫描仪编程及ajax图片数据上传
  12. Uni-app 实现离线打包 安卓篇
  13. MongoDB修改器使用
  14. 计算机cpu intel,Intel的CPU后面带F是什么意思?
  15. html中鼠标悬停图片变大,JavaScript通过mouseover()实现图片变大效果的示例
  16. C++ std::string::substr()
  17. 极客标签:可能是目前最好的前端代码学习工具
  18. Spring程序员的春天
  19. 工作一年了,跟领导提工资发的邮件
  20. java重命名sheet失败_错误1004重命名工作表

热门文章

  1. 动态规划练习1--Unique Paths
  2. Js获取宽高度的归纳总结
  3. 乾颐堂军哥HCIE5-OSPF的NSSA区域细节和中间系统到中间系统基础
  4. Windows command tools
  5. Swift - 委托(delegate)的介绍,及使用样例
  6. Android 多线程-----AsyncTask详解
  7. yii cgridview 默认的筛选如何做成选择框
  8. winfrom中,父窗体中只允许显示一个子窗体的代码怎么写?
  9. 实战 Spring Cloud Gateway 之限流篇
  10. 不称职Leader的10个特征,看看你中几条?