作 者:(美)格雷格·賽德尼科夫 著 曾家龍 譯
定 價:59
出 版 社:人民郵電出版社
出版日期:2020年09月01日
頁 數:144
裝 幀:平裝
ISBN:9787115544575
你知道如何用CSS畫圓形、矩形和正方形嗎?你知道如何使這些基本形狀變得不規則嗎?你知道如何用CSS組合不規則形狀,從而創作出藝術作品嗎?本書用200餘幅示意圖展示了CSS屬性的豐富效果。用好這些屬性,你就能成為富有藝術氣息的Web前端設計師。快拿起CSS“畫筆”,一起來創作吧!【英文版讀者評論】“這本書蘊藏精華,我每次翻開它都有新的收獲。”“我學CSS不久,非常慶幸能有這本圖解書作為參考和指導。”“如果你想快速了解彈性盒布局和網格布局,那麼選擇這本書不會錯。”
●1屬性和屬性值1
1.1位置1
1.2賦值2
1.3注釋2
1.4賦值方式3
1.5CSS變量4
1.6SassSCSS4
1.7CSS背後的理念5
1.8CSS選擇器7
1.9寬松的環境7
1.10常用項7
1.11簡寫屬性8
2偽類選擇器9
3盒模型11
4位置15
5字體和文本17
5.1文本對齊20
5.2控制最後一行的對齊方式21
5.3文本溢出22
5.4跨越下劃線24
5.5文本渲染25
5.6文本縮進26
5.7文本方向27
5.8文字陰影30
5.9其他效果31
6圓角邊框、外邊距、陰影、溢出34
7顯示41
素45
10顏色漸變46
10.1概覽46
10.2漸變類型49
11背景圖片55
11.1設置多個屬性值59
11.2background-position59
11.3多重背景61
11.4background-attachment63
11.5background-origin64
12object-fit66
13邊框67
13.1概覽67
13.2橢圓邊框半徑70
14二維變換74
14.1移動74
14.2旋轉75
15三維變換78
15.1rotateX和perspective78
15.2rotateY和rotateZ79
15.3縮放79
15.4移動80
15.5構建立方體81
16彈性盒布局83
16.1display:flex83
16.2主軸和交叉軸83
16.3方向85
16.4換行85
16.5flex-flow86
16.6justify-content88
16.7align-content89
16.8align-items91
16.9flex-basis92
16.10flex-grow92
16.11flex-shrink92
16.12order93
16.13justify-items與justifycontent94
17CSS網格布局95
17.1創建你的第一個CSS網格布局96
17.2隱式行和隱式列99
17.3grid-auto-rows100
17.4自動列寬102
17.5間隔102
17.6fr單位108
17.7重復值111
17.8span112
17.9起點和終點116
17.10起點和終點的簡寫形式119
17.11內容對齊方式121
17.12模板區域123
17.13為網格線命名125
18CSS與太空中的特斯拉127
屬性索引137
本書通過200多幅示意圖直觀地展示了常用CSS屬性的用法及效果,涉及面廣,包括偽類選擇素選擇器、盒模型、位置、字體、素可見性、浮動、顏色漸變、二維變換、三維變換、彈性盒布局、網格布局等。雖然CSS是為網站與Web應用程序的布局而生的,但纔華橫溢的用戶界面設計師把它用到了很好。因此,為了增添趣味性,本書剖析了如何用CSS繪制藝術作品“太空中的特斯拉汽車”。書後附有屬性索引,方便讀者參閱。
(美)格雷格·賽德尼科夫 著 曾家龍 譯
格雷格·賽德尼科夫以“JavaScript老師”自稱,從2004年開始編寫和出版各類程序設計教程,涉及CSS、JavaScript、jQuery、Node API等,其中一些被加州大學歐文分校等學校采用,另著有《JavaScript語法簡明手冊》。