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

表嚴肅

  • 出版商: 電子工業
  • 出版日期: 2020-12-01
  • 定價: $654
  • 售價: 7.9$517
  • 貴賓價: 7.5$491
  • 語言: 簡體中文
  • 頁數: 296
  • 裝訂: 平裝
  • ISBN: 7121400898
  • ISBN-13: 9787121400896
  • 相關分類: CSSHTML
  • 立即出貨 (庫存 < 4)

買這商品的人也買了...

商品描述

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

作者簡介

表嚴肅
“表嚴肅教育”“月光評級”創始人。
在技術與教育領域深耕多年,以對技術的深刻認識和通俗易懂的講解方式為廣大網友所喜愛。

目錄大綱

第1章 寫在前面
1.1 本書約定
1. 2 在線查看示例效果
1.3 前後端開發
1.3.1 前端開發是怎麼回事?
1.3. 2 和前端開發是什麼關係?
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>――2外層的元素,包含網頁的全部內容
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.12 <2trong>――強調
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 類選擇器――. clas2<2r>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 權重2高的關鍵詞――!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. 2 2tatic――往網頁的左上角流動
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 本章小結