HTML 5与CSS 3权威指南(第3版·下册)

HTML 5与CSS 3权威指南(第3版·下册)

作者:陆凌牛

出版社:机械工业

出版年:2022年11月

ISBN:9787111514428

所属分类:历史文化

书刊介绍

《HTML 5与CSS 3权威指南(第3版·下册)》内容简介

本书详细介绍了CSS 3中各种新增样式与属性,其中主要包括CSS 3中的各种选择器、文字与字体、背景与边框、各种盒模型、CSS 3中的布局方式、CSS 3中的变形与动画、CSS 3中与媒体类型相关的一些样式与属性等。同时详细讲述了这些样式与属性到目前为止受到了哪些浏览器支持,以及针对不同浏览器应该怎样在样式代码中正确使用各种属性。最后详细讲解了两个实例,第一个实例展示了如何在一个用HTML 5语言编写而成的页面中综合运用HTML 5中新增的各种结构元素,如何对这些结构元素综合使用CSS 3样式;第二个实例展示了如何使用HTML 5中新增的表单元素以及操作本地数据库的功能来实现一个具有现代风格的Web应用程序,如何在这个由HTML 5语言编写而成的Web应用程序中综合使用CSS 3样式来完成页面的布局以及视觉效果的美化工作。
陆凌牛,资深Web开发工程师、软件开发工程师和系统设计师。从事Web开发多年,对各种Web开发技术(包括前端和后端)都有非常深入的研究,经验极其丰富。HTML 5和CSS 3等新技术的先驱者和布道者,不仅对HTML 5与CSS 3的理论知识有比较深入的认识,而且已经大量在实践中付诸应用。此外,他还擅长微软与Java的相关技术,在C#、VB-NET、ASP-NET、SQL Server 、Oracle、Java、Struts、Spring、Hibernate等方面也积累大量的实战经验。

作品目录

前言
第18章:CSS
3概述
18.1、概要介绍
18.1.1、CSS
3是什么
18.1.2、CSS
3的历史
18.2、使用CSS
3能做什么
18.2.1、模块与模块化结构
18.2.2、一个简单的CSS
3示例
第19章:选择器
19.1、选择器概述
19.2、属性选择器
19.2.1、属性选择器概述
19.2.2、CSS
3中的属性选择器
19.2.3、灵活运用属性选择器
19.3、结构性伪类选择器
19.3.1、CSS中的伪类选择器及伪元素
19.3.2、选择器root、not、empty和target
19.3.3、选择器first-child、last-child、nth-child和nth-last-child
19.3.4、选择器nth-of-type和nth-last-of-type
19.3.5、循环使用样式
19.3.6、only-child选择器
19.4、UI元素状态伪类选择器
19.4.1、伪类选择器E:hover、E:active和E:focus
19.4.2、伪类选择器E:enabled与E:disabled
19.4.3、伪类选择器E:read-only与E:read-write
19.4.4、伪类选择器E:checked、E:default和E:indeterminate
19.4.5、伪类选择器E::selection
19.4.6、伪类选择器E:invalid与E:valid
19.4.7、伪类选择器E:required与E:optional
19.4.8、伪类选择器E:in-range与E:out-of-range
19.5、通用兄弟元素选择器
第20章:使用选择器在页面中插入内容
20.1、使用选择器来插入文字
20.1.1、使用选择器来插入内容
20.1.2、指定个别元素不进行插入
20.2、插入图像文件
20.2.1、在标题前插入图像文件
20.2.2、插入图像文件的好处
20.2.3、将alt属性的值作为图像的标题来显示
20.3、使用content属性来插入项目编号
20.3.1、在多个标题前加上连续编号
20.3.2、在项目编号中追加文字
20.3.3、指定编号的样式
20.3.4、指定编号的种类
20.3.5、编号嵌套
20.3.6、中编号中嵌入大编号
20.3.7、在字符串两边添加嵌套文字符号
第21章:文字与字体相关样式
21.1、给文字添加阴影——text-shadow属性
21.1.1、text-shadow属性的使用方法
21.1.2、位移距离
21.1.3、阴影的模糊半径
21.1.4、阴影的颜色
21.1.5、指定多个阴影
21.2、让文本自动换行——word-break属性
21.2.1、依靠浏览器让文本自动换行
21.2.2、指定自动换行的处理方法
21.3、让长单词与URL地址自动换行——word-wrap属性
21.4、使用服务器端字体——Web
Font与@font-face属性
21.4.1、在网页上显示服务器端字体
21.4.2、定义斜体或粗体字体
21.4.3、显示客户端本地的字体
21.4.4、属性值的指定
21.5、修改字体种类而保持字体尺寸不变——font-size-adjust属性
21.5.1、字体不同导致文字大小的不同
21.5.2、font-size-adjust属性的使用方法
21.5.3、浏览器对于aspect值的计算方法
21.5.4、font-size-adjust属性的使用示例
21.6、使用rem单位定义字体大小
第22章:盒相关样式
22.1、盒的类型
22.1.1、盒的基本类型
22.1.2、inline-block类型
22.1.3、inline-table类型
22.1.4、list-item类型
22.1.5、run-in类型与compact类型
22.1.6、表格相关类型
22.1.7、none类型
22.1.8、各种浏览器对于各种盒类型的支持情况
22.2、对于盒中容纳不下的内容的显示
22.2.1、overflow属性
22.2.2、overflow-x属性与overflow-y属性
22.2.3、text-overflow属性
22.3、对盒使用阴影
22.3.1、box-shadow属性的使用方法
22.3.2、将参数设定为0、22.3.3、创建盒内阴影
22.3.4、对盒内子元素使用阴影
22.3.5、对第一个文字或第一行使用阴影
22.3.6、对表格及单元格使用阴影
22.4、指定针对元素的宽度与高度的计算方法
22.4.1、box-sizing属性
22.4.2、为什么要使用box-sizing属性
第23章:背景与边框相关样式
23.1、与背景相关的新增属性
23.1.1、指定背景的显示范围——background-clip属性
23.1.2、指定背景图像的绘制起点——background-origin属性
23.1.3、指定背景图像的尺寸——background-size属性
23.1.4、新增的用于平铺背景图像的选项——space与round
23.2、在一个元素中显示多个背景图像
23.3、使用渐变色背景
23.3.1、绘制线性渐变
23.3.2、绘制放射性渐变
23.4、圆角边框的绘制
23.4.1、border-radius属性
23.4.2、在border-radius属性中指定两个半径
23.4.3、不显示边框的时候
23.4.4、修改边框种类的时候
23.4.5、绘制四个角不同半径的圆角边框
23.5、使用图像边框
23.5.1、border-image属性
23.5.2、border-image属性的最简单的使用方法
23.5.3、使用border-image属性来指定边框宽度
23.5.4、指定4条边中图像的显示方法
23.5.5、使用背景图像
第24章:CSS
3中的变形处理
24.1、transform功能的基础知识
24.1.1、如何使用transform功能
24.1.2、transform功能的分类
24.2、对一个元素使用多种变形
24.2.1、对一个元素使用多种变形的方法
24.2.2、指定变形的基准点
24.3、使用3D变形功能
24.3.1、3D变形功能概述
24.3.2、实现3D变形功能
24.4、变形矩阵
24.4.1、矩阵概述
24.4.2、变形与坐标系统
24.4.3、计算2D变形
24.4.4、计算3D变形
24.4.5、通过矩阵执行多重变形处理
第25章:CSS
3中的动画功能
25.1、Transitions功能
25.1.1、Transitions功能的使用方法
25.1.2、使用Transitions功能同时平滑过渡多个属性值
25.2、Animations功能
25.2.1、Animations功能的使用方法
25.2.2、实现多个属性值同时改变的动画
25.2.3、实现动画的方法
25.2.4、实现网页的淡入效果
第26章:布局相关样式
26.1、多栏布局
26.1.1、使用float属性或position属性的缺点
26.1.2、使用多栏布局方式
26.2、盒布局
26.2.1、使用float属性或position属性时的缺点
26.2.2、使用盒布局
26.2.3、盒布局与多栏布局的区别
26.3、弹性盒布局
26.3.1、对多个元素使用flex属性
26.3.2、改变元素的显示顺序
26.3.3、改变元素的排列方向
26.3.4、元素宽度与高度的自适应
26.3.5、使用弹性盒布局来消除空白
26.3.6、对多个元素使用flex属性
26.3.7、控制换行方式
26.3.8、指定水平方向与垂直方向的对齐方式
26.4、calc方法
26.4.1、calc方法概述
26.4.2、calc方法使用示例
第27章:Media
Queries相关样式
27.1、根据浏览器的窗口大小来选择使用不同的样式
27.2、在iPhone中的显示
27.3、Media
Queries的使用方法
第28章:CSS
3的其他重要样式和属性
28.1、颜色相关样式
28.1.1、利用alpha通道来设定颜色
28.1.2、alpha通道与opacity属性的区别
28.1.3、指定颜色值为transparent
28.2、用户界面相关样式
28.2.1、轮廓相关样式
28.2.2、resize属性
28.3、使用initial属性值取消对元素的样式指定
28.3.1、取消对元素的样式指定
28.3.2、使用initial属性值并不等于取消样式设定的特例
28.4、实现CSS
3中的滤镜特效
28.4.1、滤镜特效概述
28.4.2、实现滤镜特效
第29章:综合实例
29.1、实例1:使用HTML
5中新增结构元素来构建网页
29.1.1、组织网页结构
29.1.2、构建网页标题
29.1.3、构建侧边栏
29.1.4、构建主体内容
29.1.5、构建版权信息
29.2、实例2:使用HTML
5+CSS
3来构建Web应用程序
29.2.1、HTML
5页面代码分析
29.2.2、CSS
3样式代码分析
29.2.3、JavaScript脚本代码分析
附录A
截至2015年5月五大浏览器最新版对HTML
5的支持情况

相关推荐

微信二维码