HTML 5與CSS 3核心技法(全彩)

HTML 5與CSS 3核心技法(全彩)

作者: 表嚴肅
出版社: 電子工業
出版在: 2020-12-01
ISBN-13: 9787121400896
ISBN-10: 7121400898
總頁數: 296 頁





內容描述


本書介紹了前端開發的基礎——HTML和CSS。在介紹HTML內容時,採了一種作者的分類——佈局類元素和功能類元素,這樣便於讀者釐清元素的脈絡。在介紹CSS內容時,也給出了一條清晰的主線,便於讀者抓大放小,快速建立自己的知識框架。講解每一個知識點時,都用簡潔的文字說清其功能,並配有例子。每一個例子都提供在線效果演示,從而讀者有直觀的感受,真正掌握一項功能的用法。對於意向將來從事前端開發的讀者,可以將本書作為學習的起點。對於正在從事前端開發的讀者,可以將本書作為一本速查手冊。


目錄大綱


第1章 寫在前面
1.1 本書約定
1.2 在線查看示例效果
1.3 前後端開發
1.3.1 前端開發是怎麽回事?
1.3.2 JavaScript和前端開發是什麽關系?
1.3.4 後端開發是怎麽回事
1.4 一張網頁的是怎麽加載出來的?
1.5 服務器端和客戶端
1.5.1 服務器端
1.5.2 客戶端
1.6 HTML和CSS的關系
1.6.1 HTML是骨架
1.6.2 CSS是皮膚
.
.
........HTML篇
.
第2章 HTML語法
2.1 元素——構成網頁的基本單位
2.2 元素的屬性——元素自身攜帶的功能和特性
2.3 註釋——給代碼添加的備註信息
2.4 本章小結
.
第3章 佈局類元素——房子的樓板、柱子和大梁
3.1 佈局元素必要的基礎
3.1.1 <html>——最外層的元素,包含網頁的全部內容
3.1.2 <head>——包含給機器看的內容
3.1.3 <body>——包含給人看的內容
3.2 其他佈局元素
3.2.1 <div>——結構級別的容器
3.2.2 <main>——用於包裹頁面的主體內容
3.2.3 <nav>——導航欄
3.2.4 <header>——概述
3.2.5 <section>——用於包裹有明確主題的區域
3.2.6 <aside>——用於包裹非主體的內容
3.10 <footer>——頁腳
3.11 本章小結
.
第4章 功能類元素——房子的門、窗、水管和電氣
4.1 <a>——鏈接
4.2 <h1>…<h6>——標題
4.3 <img>——圖片
4.4 <p>——段落
4.5 <input>——單行文本輸入框
4.6 <textarea>——多行文字輸入框
4.7 <select>——下拉菜單
4.8 <button>——按鈕
4.9 <form>——表單
4.10 <span>——文字級別的容器
4.11 <strong>——強調
4.12 <ol>——有序列表
4.13 <ul>——無序列表
4.14 表格類元素
4.15 <iframe>——網頁里套嵌的網頁
4.16 本章小結
.
.
........CSS篇
.
第5章 CSS基礎
5.1 為啥不直接在HTML代碼中寫樣式
5.2 瞭解CSS的語法
5.3 引入CSS
5.3.1 用<style>元素引入CSS
5.3.2 用<link>元素引入CSS
5.3.3 用@import指令引入CSS
5.3.4 用style屬性嵌入行內樣式
5.6 本章小結
.
第6章 選擇器——確定樣式的作用範圍
6.1 選擇器的類型
6.1.1 元素選擇器——div
6.1.2 類選擇器——.class
6.1.3 ID選擇器——#id
6.1.4 屬性選擇器——[prop=value]
6.1.5 全局選擇器
6.2 選擇器的組合使用
6.2.1 分組選擇——多個選擇,一套樣式
6.2.2 多條件選擇——多個選擇,同一個元素
6.2.3 後代選擇——通過“先人”找“後人”
6.2.4 子選擇——通過“爸爸”找“兒子”
6.2.5 相鄰兄弟選擇——找“弟弟”
6.2.6 通用兄弟選擇——找所有“弟弟”
6.3 偽類——按元素狀態指定樣式
6.4 偽元素——不是元素,勝似元素
6.14 本章小結
.
第7章 權重——樣式發生沖突時怎麽辦
7.1 瞭解權重的級別
7.2 幾種選擇器的權重
7.2.1 全局選擇器的權重
7.2.2 ID選擇器和包含ID的屬性選擇器的權重
7.2.3 權重最高的關鍵詞——!important
7.3 繼承
7.4 本章小結
.
第8章 給文字加樣式
8.1 塊方向和行內方向
8.2 text-indent——文字縮進
8.3 text-align——文字對齊
8.4 line-height——行高
8.5 vertical-align——文字垂直對齊
8.6 字距和詞距
8.7 text-decoration——文字裝飾
8.9 white-space——空白字符
8.10 word-break——換行和斷詞
8.11 本章小結
.
第9章 字體
9.1 字體族(字體家族)
9.2 font-family——為文字指定字體
9.3 @font-face——為文字指定確切的字體
9.4 font-weight——為字體指定粗細
9.5 font-size——為字體指定大小
9.6 本章小結
.
第10章 框模型——所有元素都有四個框
10.1 識框模型
10.2 內容區
10.3 padding——內邊距
10.4 border——邊框
10.5 margin——外邊距
10.6 本章小結
.
第11章 框的其他相關樣式
11.1 outline——輪廓
11.2 color——文字顏色
11.3 background——背景
11.4 box-sizing——框尺寸
11.5 box-shadow——框陰影
11.6 overflow——溢出
11.7 本章小結
.
第12章 顯示方式——元素怎麽顯示
12.1 none——不顯示
12.2 block——占據母元素的整個寬
12.3 inline——寬度由內容的多少決定
12.4 inline-block——結合了前兩種顯示方式
12.5 本章小結
.
第13章 定位方式——元素該顯式在什麽位置
13.1 static——往網頁的左上角流動
13.2 relative(相對定位)
13.3 absolute(絕對定位)
13.4 fixed(固定定位)——與窗口同步
13.5 sticky(粘滯定位)——自動“掛住”
13.6 本章小結
.
第14章 元素層疊順序
14.1 默認情況下的層疊順序
14.2 通過非static定位方式展示層疊
14.3 通過z-index手動調整層疊
14.4 本章小結
.
第15章 值和單位
15.1 關鍵詞
15.2 字符串
15.3 URL資源地址
15.4 數字和百分比
15.5 長度
15.6 計算值
15.7 顏色
15.8 本章小結
.
第16章 浮動
16.1 理解浮動
16.2 單元素浮動的顯示方式
16.3 多元素浮動的顯示方式
16.3.1 浮動容器
16.3.2 多元素浮動的關系
16.4 浮動思維模型
16.5 清除浮動
16.6 本章小結
.
第17章 響應式佈局
17.1 媒體的類型
17.2 媒體的特性
17.3 規則組合
17.4 添加媒體查詢的常見方式
17.5 本章小結
.
第18章 彈性佈局
18.1 彈性盒(Flexbox)
18.2 瞭解Flex(軸)
18.3 Flex的屬性
18.3.1 flex-direction——控制主軸方向
18.3.2 flex-wrap——子項是否可以換行
18.3.3 flex-flow——同時指定方向和換行模式
18.3.4 justify-content——主軸方向排列方式
18.3.5 align-items——交叉軸方向排列方式
18.3.6 align-content——行列排列方式
18.3.7 align-self——交叉軸例外排列
18.3.8 flex-grow——侵略剩餘空間的胃口
18.3.9 flex-shrink——在空間不足時做出讓步的“意願”
18.3.10 flex-basis——彈性子項的基礎尺寸
18.4 本章小結
.
第19章 網格佈局
19.1 一切無外乎行和列
19.2 容器和子項
19.3 行與列
19.4 網格線
19.5 定義方式網格模板
19.6 調整網格間距
19.7 調整子項的位置
19.8 調整網格中的區域
19.9 網格排列方式
19.10 本章小結
.
第20章 動畫
20.1 transition——過渡
20.2 animation——動畫
20.3 本章小結




相關書籍

Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement, 2/e (Paperback)

作者 Aaron Gustafson

2020-12-01

Spring Cloud 微服務架構實戰派

作者 龍中華

2020-12-01

Spark: Big Data Cluster Computing in Production (Paperback)

作者 Ilya Ganelin

2020-12-01