HTML 5與CSS 3核心技法 ( 簡體 字) |
| 作者：表嚴肅 | 類別：1. -> 程式設計 -> 網路編程 -> HTML
2. -> 程式設計 -> 網路編程 -> CSS |
| 譯者： |
| 出版社：電子工業出版社 |  3dWoo書號： 53814
詢問書籍請說出此書號！【缺書】
NT售價： 545 元 |
| 出版日：12/1/2020 |
| 頁數：296 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：全彩印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787121400896 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：任何一個行業，在初期大都為了滿足一個簡單的需求，解決方法通常也是簡單直接的，在初期甚至不好意思自稱一行。簡單如糖水店、奶茶店，最開始就是在路邊支個攤，一包糖，兩個暖壺，四個缸子，開張；復雜如汽車工業，最開始也僅僅是把現成的蒸汽機技術和輪子組合在一起，開張。隨著需求越來越多，同行競爭越來越激烈，產品的生產工序自然也就越來越復雜。想要做好一行，越來越需要資本和經驗的積累，即專業化。
但隨著一件事情的步驟和參與的對象越來越多，身在其中的人往往會沉迷在細節上，忽視主要問題。這就是Web 開發領域目前的現狀。越來越多的需求，越來越多的功能，加上初期設計時并沒有考慮那么多，導致當今的Web 標準有很多邏輯不自洽的地方。沒有一以貫之的邏輯，則意味著Web 開發是一個很依賴經驗的領域，然而這對初學者是很不友好的。我依然記得自己初學Web 開發時完全不知道從何開始，東一榔頭西一棒子，往往是知道自己想干什么，但就是不知道怎么轉化成代碼。多次碰壁后，我從一個極端轉到另一個極端，誤以為只要知道每個Web 開發標準的細節就可以精通Web 開發，我開始一句一句地研究W3C 文檔，哪怕看不懂也要硬著頭皮看下去，結果當然是更受挫敗，這就像學寫文章從字典開始一頁一頁研究一樣荒唐。
知識一旦脫離了應用場景就會變得晦澀、空洞，且知識本身也滿足“二八定律”——80%的應用場景只會用到20%的知識，而那20%恰恰是核心、最接近常識的知識。Web 的核心功能是信息的分享，而最高效的分享方式就是文字。HTML 作為內容的載體是早于CSS 和JavaScript 出現的。有了文字，我們自然就會想給文字排版，添加裝飾。這樣就出現了樣式專用的HTML 標簽和屬性，可以為元素添加簡單的樣式。既然可以添加樣式，我們就“得寸進尺”想要更多復雜的樣式。一些樣式可以通過重復、嵌套、錯用實現，如行列、重疊效果等，而一些樣式則完全無法實現，如變幻、動畫等。這促使我們進一步思考樣式和內容的關系，進而意識到樣式和內容在性質上完全不同，也就不應該寫在一起。
這才第一次出現了CSS 的概念，將內容與樣式完全區別對待。正是因為區別對待讓HTML和CSS 能在互不干擾的情況下各自發展，所以顧慮少了，氣順了，發展得也更快了。
無論HTML 與CSS 怎么變，都無外乎是為了傳達信息。HTML 是內容的載體（或格式），用于限制內容的結構；CSS 是內容的“化妝盒”，負責內容的視覺效果。視覺效果的核心是布局，布局的核心是位置和大小，剩下的就是基于位置和大小的裝飾，僅此而已。“抓大放小”是提高學習效率的關鍵。
本書的目標是，為自學Web 開發初學者建立一套HTML 與CSS 的核心知識框架，同時借助豐富的示例讓初學者有一個愉悅、輕松的學習過程。
最后，特別感謝給我做飯的李女士。 |
內容簡介：（全彩）
本書介紹了前端開發的基礎——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 本章小結 |
| 序： |
