HTML 5與CSS 3核心技法 版權信息
- ISBN:9787121400896
- 條形碼:9787121400896 ; 978-7-121-40089-6
- 裝幀:一般膠版紙
- 冊數:暫無
- 重量:暫無
- 所屬分類:>>
HTML 5與CSS 3核心技法 本書特色
適讀人群 :剛開學習Web開發、前端開發的讀者、計算機相關專業學生。清晰的主線,便于讀者厘清脈絡,抓大放小,快速建立自己的知識框架。
每一個知識點都用簡潔的文字說清其功能,并配有例子。
提供在線效果演示,使讀者有直觀的感受。
HTML 5與CSS 3核心技法 內容簡介
本書介紹了前端開發的基礎――HTML和CSS。
.
在介紹HTML內容時,采了一種作者的分類――布局類元素和功能類元素,這樣便于讀者厘清元素的脈絡。
在介紹CSS內容時,也給出了一條清晰的主線,便于讀者抓大放小,快速建立自己的知識框架。
講解每一個知識點時,都用簡潔的文字說清其功能,并配有例子。
每一個例子都提供在線效果演示,從而讀者有直觀的感受,真正掌握一項功能的用法。
.
對于意向將來從事前端開發的讀者,可以將本書作為學習的起點。
對于正在從事前端開發的讀者,可以將本書作為一本速查手冊。
HTML 5與CSS 3核心技法 目錄
第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 本章小結
展開全部
HTML 5與CSS 3核心技法 作者簡介
表嚴肅
“表嚴肅教育”“月光評級”創始人。
在技術與教育領域深耕多年,以對技術的深刻認識和通俗易懂的講解方式為廣大網友所喜愛。