CSS核心技術詳解 ( 簡體 字) |
作者:肖志華 | 類別:1. -> 程式設計 -> 網路編程 -> CSS |
譯者: |
出版社:電子工業出版社 | 3dWoo書號: 46720 詢問書籍請說出此書號!【缺書】 NT售價: 295 元 |
出版日:5/1/2017 |
頁數:328 |
光碟數:0 |
|
站長推薦: |
印刷:黑白印刷 | 語系: ( 簡體 版 ) |
|
加入購物車 │加到我的最愛 (請先登入會員) |
ISBN:9787121313301 |
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
作者序: |
譯者序: |
前言:看似簡單的CSS,卻暗藏玄機,那是我們摸爬滾打好長時間后悟出的真理。
在很長的一段時間里,我并沒有重視CSS,覺得CSS很簡單,無非就是一些屬性,后來才發現自己小看了CSS,對CSS了解的實在是太少,尤其是對其核心概念的理解太模糊,實際上它有很多神奇的地方并不為大家所知。對于一個新手來說,只知道一些理論但在實際開發中不會使用是不行的,于是萌生了寫作本書的最初想法。
市面上介紹CSS基礎的書已經有很多了,已經沒有必要再去重復,但是一些核心的內容還是很有必要寫出來的,因為我發現很多前端朋友對CSS都不太重視。我認為做前端的必須要掌握好CSS的基礎內容,而且只掌握好CSS的基礎內容也還是遠遠不夠的,還要懂得怎樣把這些基礎的內容靈活運用到實際開發中。如果對一個技術只停留在了解的層面而不會使用,那和不會有什么區別?所以本書將實用放在第一位,大量的例子都來自于我在實際開發中所遇到的,將這些實際的例子拿來講解才更有說服性,同時也更易于讀者的理解。
本書的第1章主要解答一些在CSS中常見的問題,以及常用的CSS技巧。第2~6章講解了CSS的核心技術,其中第2章是最為核心的內容,所以相對于其他章節理解起來會比較難一點。第3~6章主要介紹案例,每個代碼片段都有一些案例,配合第2章閱讀會輕松很多。本書每個章節都是獨立的,因此如果某些章節看不懂,可以跳過去,先看其他章節。第7~13章講解的是關于CSS 3的內容。雖然本書講述的是CSS的核心基礎內容,但并不代表基礎的內容就容易理解,因為都是CSS中最核心的技術,用于提高CSS開發水平。
本書舉例時用到了很多關于CSS 3的屬性,所以讀者在測試時需要使用高級瀏覽器,這里推薦使用Chrome,書中的例子主要也是在Chrome中測試的。另外本書并不會過多地涉及兼容性的問題,因為花太多時間討論兼容性是不太值得的。書中有一些個人看法,由于才疏學淺,不免會有疏漏,如果發現錯誤,還請指出,不吝賜教,在此深表謝意,可發郵件至:c776@foxmail.com,一定一一回復并樂此不疲,因為這是我的工作,和你們交流也是我的快樂。
本書的出版要特別感謝電子工業出版社的黃愛萍和張童編輯,感謝他們在選題策劃和書稿編輯方面做出的大量工作,同時對伯樂在線黃利民大哥的大力支持深表謝意。
肖志華 2017年3月28日 |
內容簡介:本書一共有13章,第1章主要解答一些在CSS中常見的問題,以及常用的CSS技巧。第2~6章講解了CSS的核心技術,其中第2章是最為核心的內容,所以相對于其他章節理解起來會比較難一點。第3~6章主要介紹案例,每個代碼片段都有一些案例,配合第2章閱讀會輕松很多。本書每個章節都是獨立的,因此如果某些章節看不懂,可以跳過去,先看其他章節。第7~13章講解的是關于CSS 3的內容。雖然本書講解的是CSS的核心基礎內容,但并不代表基礎的內容就容易理解,因為都是CSS中最核心的技術,用于提高CSS開發水平。 |
目錄:第1章 遇見未知的CSS / 1 1.1 在CSS中會遇到的問題 / 1 1.1.1 CSS層疊規則 / 4 1.1.2 CSS的命名 / 7 1.2 在CSS中你可能不知道的一些技巧 / 8 1.2.1 使用pointer-events控制鼠標事件 / 8 1.2.2 玩轉選擇器 / 10 1.2.3 利用padding實現元素等比例縮放 / 13 1.2.4 calc函數 / 16 1.3 從隱藏一個元素開始 / 20 第2章 CSS核心概念 / 25 2.1 CSS解析規則 / 25 2.2 替換元素與非替換元素 / 30 2.3 屬性值的計算規則 / 30 2.4 可視化格式模型 / 32 2.5 包含塊 / 34 2.6 控制框 / 40 2.7 格式化上下文BFC、IFC / 42 2.7.1 從overflow清除浮動看BFC(塊格式化上下文) / 42 2.7.2 塊級格式化上下文BFC / 47 2.7.4 折疊外邊距 / 56 2.7.5 行內格式化上下文(IFC) / 61 2.7.6 行高的計算 / 64 第3章 CSS單位一日游,它們究竟來自何方 / 70 3.1 百分比究竟為誰 / 70 3.2 探索auto密碼 / 85 總結 / 96 3.3 設計響應式網頁rem / 97 3.4 vw、vh、vmin、vmax基于視口單位 / 100 3.5 什么是ch / 106 3.6 min、max的巧妙運用 / 108 3.7 一個none引出的大學問 / 110 第4章 那些年我們一起定位過的元素 / 113 4.1 定位的特點 / 113 4.1.1 定位之absolute篇 / 114 4.1.2 定位之relative篇 / 118 4.1.3 當定位遇到定位 / 122 4.1.4 定位之fixed篇 / 126 4.1.5 偶遇定位bug,才知定位的真理 / 127 4.1.6 定位之static篇 / 134 4.2 透徹研究定位隱藏的秘密 / 135 4.3 總結 / 146 第5章 元素的七十二變——元素轉換 / 147 5.1 display介紹 / 147 5.2 大塊頭——block / 148 5.3 我們一起站一排——inline / 148 5.4 inline和block的結合體——inline-block / 154 5.5 行內和塊的煩惱 / 157 5.6 dispaly其他的一些屬性 / 161 5.7 總結 / 165 第6章 浮動也鬧事 / 166 6.1 浮動簡介 / 166 6.2 浮動的特點 / 167 6.3 浮動的秘密 / 173 6.4 實現任意形狀的文字環繞 / 179 6.4.1 shape-outside設置邊界文字環繞時的形狀 / 181 6.5 總結 / 194 第7章 再不學這些選擇器就老了 / 195 7.1 那些被遺忘的選擇器 / 195 7.1.1 相鄰兄弟選擇器 / 195 7.1.2 利用hover可以不用JS就實現一個下拉菜單 / 198 7.1.3 利用active做一個集能量 / 200 7.1.4 first-letter選中第一個字 / 201 7.1.5 first-line選擇首行文字 / 203 7.2 模擬父級選擇器 / 205 7.3 強大的新選擇器 / 206 7.3.1 :empty / 207 7.3.2 :target選擇器 / 208 第8章 CSS圖標制作 / 216 8.1 隱藏在邊框中的秘密 / 216 8.2 邊框的煩惱 / 218 8.3 邊框的孿生兄弟——outline / 221 8.4 純CSS圖標制作 / 227 第9章 你今天換背景了嗎 / 238 9.1 對背景屬性的深入探索 / 238 9.2 新增的背景功能 / 243 9.2.1 改變背景原點--background-origin / 243 9.2.2 背景裁剪--background-clip / 245 9.2.3 設置背景圖片大小--background-size / 249 9.3 總結 / 251 第10章 讓文字更美一些 / 252 10.1 制作非主流文字 / 253 10.2 新增的文字對齊屬性 / 256 10.2.1 文字兩端對齊 / 256 10.2.2 末尾文本對齊 / 258 10.2.3 文本書寫模式 / 263 10.3 關于文字的一些其他屬性 / 265 10.3.1 超出寬度文字隱藏 / 265 10.3.2 字母轉換大小寫 / 268 10.4 總結 / 268 第11章 內容生成技術——用CSS來計數 / 270 11.1 偽元素 / 270 11.1.1 偽元素和標準元素的區別 / 271 11.2 CSS計數器 / 271 11.3 content的其他用途 / 278 11.4 總結 / 279 第12章 解決讓人頭疼的布局 / 280 12.1 制作可自適應的布局 / 280 12.1.1 左側固定,右側自適應 / 280 12.1.2 右側固定、左側自適應 / 282 12.1.3 多列文字垂直居中 / 284 12.2 利用伸縮盒模型來布局 / 289 12.2.1 伸縮盒模型基礎 / 291 12.2.2 伸縮盒模型進階 / 313 12.2.3 伸縮盒模型實戰 / 316 第13章 飛越CSS / 320 13.1 它們不是神話,CSS最佳實踐 / 320 13.2 純CSS的世界 / 325 13.2.1 利用checked選擇器實tab切換 / 325 13.2.2 利用:target實現遮罩層效果 / 327 13.2.3 scaleY配合animation制作loading / 328 13.2.4 利用hover實現手風琴效果 / 330 13.2.5 利用checked選擇器制作星星評分 / 332 13.2.6 使用flex伸縮盒模型實現瀑布流布局 / 333 13.3 結束語 / 336 |
序: |