CSS核心技術詳解 epub pdf mobi txt 電子書 下載 2024

CSS核心技術詳解 epub pdf mobi txt 電子書 下載 2024

CSS核心技術詳解 epub pdf mobi txt 電子書 下載 2024

編輯推薦

　　實用性強：講解實際開發中遇到的問題，以及常用的各種CSS技巧。

　　技術前沿：剖析CSS3核心技術，提高CSS開發水平。

　　結閤實例：每一個代碼片段都包含一些案例，讓閱讀更加輕鬆。

　　由淺入深：分析CSS技術難點，並進行相應知識擴展。

內容簡介

　　本書共分13章，第1章主要解答CSS中常見的問題，以及常用的技巧。第2～6章講解瞭CSS的核心技術，其中第2章是核心的內容，相對於其他章節理解起來會比較難一點。第3～6章主要介紹案例，配閤第2章閱讀會輕鬆很多。本書每個章節都是獨立的，因此如果某些章節看不懂，可以暫且跳過，先閱讀其他章節。第7～13章講解關於CSS3的內容。

　　本書內容精練、實例豐富、通俗易懂，可作為廣大CSS設計人員和前端開發人員的參考書，同時也非常適閤大中專院校師生學習閱讀。

作者簡介

肖誌華，畢業於福建教育學院，前端工程師，工作單位：雲上雲下科技有限公司。

目錄

第1章 遇見未知的CSS / 1

1.1 在CSS中會遇到的問題 / 1

1.1.1 CSS層疊規則 / 3

1.1.2 CSS的命名 / 5

1.2 CSS的一些技巧 / 6

1.2.1 使用pointer-events控製鼠標事件 / 6

1.2.2 玩轉CSS選擇器 / 8

1.2.3 利用padding實現元素等比例縮放 / 11

1.2.4 calc函數 / 14

1.3 隱藏元素 / 18

第2章 CSS核心概念 / 23

2.1 CSS解析規則 / 23

2.2 替換元素與非替換元素 / 28

2.3 屬性值的計算規則 / 28

2.4 可視化格式模型 / 30

2.5 包含塊 / 31

2.6 控製框 / 38

2.7 格式化上下文BFC、IFC / 40

2.7.1 從overflow清除浮動看BFC（塊格式化上下文） / 40

2.7.2 塊級格式化上下文BFC / 45

2.7.3 摺疊外邊距 / 54

2.7.4 行內格式化上下文IFC / 58

2.7.5 行高的計算 / 61

第3章 CSS單位究竟來自何方 / 67

3.1 百分比究竟為誰 / 67

3.2 探索auto密碼 / 82

3.3 設計響應式網頁rem / 93

3.4 vw、vh、vmin、vmax基於視口單位 / 97

3.5 什麼是ch / 102

3.6 min、max的巧妙運用 / 104

3.7 一個none引齣的大學問 / 106

第4章 那些年我們一起定位過的元素 / 108

4.1 定位的特點 / 108

4.1.1 定位之absolute篇 / 109

4.1.2 定位之relative篇 / 113

4.1.3 當定位遇到定位 / 117

4.1.4 定位之fixed篇 / 121

4.1.5 偶遇定位bug，纔知定位的真理 / 122

4.1.6 定位之static篇 / 129

4.2 透徹研究定位隱藏的秘密 / 130

4.3 總結 / 140

第5章 元素的七十二變——元素轉換 / 142

5.1 display介紹 / 142

5.2 大塊頭——block / 142

5.3 我們一起站一排——inline / 143

5.4 inline和block的結閤體——inline-block / 149

5.5 行內和塊的煩惱 / 152

5.6 dispaly的一些其他屬性 / 155

5.7 總結 / 159

第6章 浮動趣事 / 160

6.1 浮動簡介 / 160

6.2 浮動的特點 / 161

6.3 浮動的秘密 / 167

6.4 實現任意形狀的文字環繞 / 173

6.5 總結 / 188

第7章 再不學這些選擇器就老瞭 / 189

7.1 那些被遺忘的選擇器 / 189

7.1.1 相鄰兄弟選擇器 / 189

7.1.2 利用hover實現一個下拉菜單 / 192

7.1.3 利用active做一個集能量 / 194

7.1.4 用first-letter選中第一個字 / 195

7.1.5 用first-line選擇首行文字 / 197

7.2 模擬父級選擇器 / 199

7.3 強大的新選擇器 / 200

第8章 CSS圖標製作 / 210

8.1 隱藏在邊框中的秘密 / 210

8.2 邊框的煩惱 / 212

8.3 邊框的孿生兄弟——outline / 215

8.4 純CSS圖標製作 / 220

第9章 你今天換背景瞭嗎 / 232

9.1 對背景屬性的深入探索 / 232

9.2 新增的背景功能 / 237

9.2.1 改變背景原點——background-origin / 237

9.2.2 背景裁剪——background-clip / 239

9.2.3 設置背景圖片大小——background-size / 243

9.3 總結 / 245

第10章 讓文字更美一些 / 246

10.1 製作非主流文字 / 247

10.2 新增的文字對齊屬性 / 250

10.2.1 文字兩端對齊 / 250

10.2.2 末尾文本對齊 / 252

10.2.3 文本書寫模式 / 257

10.3 關於文字的一些其他屬性 / 259

10.3.1 將超齣寬度的文字隱藏 / 259

10.3.2 字母轉換大小寫 / 262

10.4 總結 / 263

第11章 內容生成技術——用CSS來計數 / 264

11.1 僞元素 / 264

11.2 CSS計數器 / 265

11.3 content的其他用途 / 272

11.4 總結 / 273

第12章 解決讓人頭疼的布局 / 274

12.1 製作可自適應的布局 / 274

12.1.1 左側固定、右側自適應的布局 / 274

12.1.2 右側固定、左側自適應的布局 / 276

12.1.3 多列文字垂直居中 / 278

12.2 利用伸縮盒模型進行布局 / 283

12.2.1 伸縮盒模型基礎 / 285

12.2.2 伸縮盒模型進階 / 296

12.2.3 伸縮盒模型實戰 / 299

第13章 飛越CSS / 303

13.1 CSS最佳實踐 / 303

13.2 純CSS的世界 / 307

13.2.1 利用checked選擇器實現tab切換 / 308

13.2.2 利用:target選擇器實現遮罩層效果 / 310

13.2.3 scaleY配閤animation製作loading / 311

13.2.4 利用hover實現手風琴效果 / 313

13.2.5 利用checked選擇器製作星星評分 / 314

13.2.6 使用flex伸縮盒模型實現瀑布流布局 / 316

13.3 結束語 / 318

前言/序言

　　看似簡單的CSS，卻暗藏玄機，那是我們摸爬滾打好長時間後悟齣的真理。

　　在很長的一段時間裏，我並沒有重視CSS，覺得CSS很簡單，無非就是一些屬性；後來纔發現自己小看瞭CSS，對CSS的瞭解實在是太少，尤其是對其核心概念的理解太模糊，實際上它有很多神奇的地方並不為大傢所知。對於一個新手來說，隻知道一些理論但在實際開發中不會使用是不行的，於是筆者萌生瞭寫作本書的最初想法。

　　市麵上介紹CSS基礎的書已經有很多瞭，已經沒有必要再去重復，但是一些核心的內容還是很有必要寫齣來的，因為我發現很多前端朋友對CSS都不太重視。我認為做前端的技術人員不僅要掌握好CSS的核心內容，還要懂得怎樣把這些內容靈活運用到實際開發中。如果對一門技術隻停留在瞭解的層麵而不會使用，那和不會有什麼區彆？所以本書將實用放在第一位，大量的例子都來自於我在實際開發中所遇到的問題，將這些實際的例子拿來講解纔更有說服力，同時也更易於讀者的理解。

　　本書共分13章，第1章主要解答CSS中常見的問題，以及常用的技巧。第2～6章講解瞭CSS的核心技術，其中第2章是最為核心的內容，相對於其他章節理解起來會比較難一點。第3～6章主要介紹案例，每個代碼片段都有一些案例，配閤第2章閱讀會輕鬆很多。本書每個章節都是獨立的，因此如果某些章節看不懂，可以暫且跳過，先閱讀其他章節。第7~13章講解關於CSS3的內容。

　　本書舉例時用到瞭很多關於CSS3的屬性，所以讀者在測試時需要使用高級瀏覽器，這裏推薦使用Chrome瀏覽器，書中的例子主要也是在Chrome瀏覽器中測試的。另外本書並不會過多地講解兼容性問題，因為花太多時間討論兼容性是不太值得的。書中有一些個人看法，由於纔疏學淺，不免會有疏漏。如果發現錯誤，還請指齣，不吝賜教，在此深錶謝意，可發郵件至c776@foxmail.com郵箱，一定一一迴復並樂此不疲，因為這是我的工作，和你們交流也是我的快樂。

　　本書的齣版要特彆感謝電子工業齣版社的黃愛萍和張童編輯，感謝他們在選題策劃和書稿編輯方麵做齣的大量工作，同時對伯樂在綫黃利民大哥的大力支持深錶謝意。

　　肖誌華

　　2017年3月28日

CSS核心技術詳解 epub pdf mobi txt 電子書 下載 2024

CSS核心技術詳解

看的齣來作者還是用心瞭的，不適閤當工具書，但是有些技巧可以好好學習

書是人類進步的階梯，我愛讀書，我愛學習。

書是正品，物流很快，好評

還沒看… 應該不錯…

內容不錯，很適閤初學者入門

不錯不錯不錯不錯不錯

作為一個weber，一定要學好css

好評，書還沒看，一起買的，應該不錯，反正買的價格不錯