☆☆☆☆☆
簡體網頁||繁體網頁



點擊這裡下載

類似圖書 點擊查看全場最低價

---

産品特色

編輯推薦

　　《超實用的CSS代碼段》摒棄傳統的說教模式，每段代碼都是單獨的功能型頁麵，讀者可以從全書的任意一點開始綫性閱讀。本書的目的就是將很多有用的代碼與讀者分享，包含瞭網頁設計人員在實戰中必須具備的所有技巧和方法，讀者可以拿來就用。本書的400段代碼也許並不是很好的代碼，但筆者提供瞭Github地址，與世界CSS工程師一起優化這些代碼，並實現瞭更新迭代，以保證讀者始終能看到特彆好的、特彆高效的、特彆實用的CSS代碼段。這是一本市場上難得一見的CSS實戰書，是一本值得擁有的CSS設計書。

內容簡介

　　《超實用的CSS代碼段》精選400餘段CSS代碼，覆蓋網頁上所有的設計元素，堪稱史上特彆有用的CSS書籍，是網站建設和網頁設計人員不可或缺的解決方案、技巧和模闆。本書的代碼跨平颱、跨設備、跨瀏覽器，充分嚮讀者演示瞭如何使用CSS的各項技術，實現令人眩目的網頁布局和效果。
　　《超實用的CSS代碼段》從網頁效果的不同類型和使用場景，對常用的CSS代碼段進行瞭全方位的介紹和演示。全書分為11章，包含文字、字體、邊框、圖片、按鈕、鏈接、背景、顔色、動畫、頁麵布局、美化、盒子、3D、CSSHack等網頁設計和交互技術，對那些客戶要求高、工作節奏快的網站開發人員和設計人員有著尤其重要的指導作用。

作者簡介

　　趙榮嬌，畢業於中國傳媒大學，工學碩士。目前就職於淘寶網航旅事業部，擔任前端開發工程師，曾參與旅遊特賣首頁、1688訂單等項目開發。熱愛技術，喜歡分享。中國傳媒大學新媒體研究院主辦《信息科技周刊》總編輯、《新媒體技術動態》發起人。

　　任建智，早在Ｗap2.0時代便開始做手機網站，多以校園青春項目為主，包括錶白交友網、掌上煙大（本地服務應用及O2O平颱），目前目前某大學院校的網絡信息係統，包括ACM內容管理係統、比賽報名係統等，技術涉及前端和後颱以及各種接口和框架，是一綫全棧工程師。

內頁插圖

目錄

序1 CSS的前世今生 VII
序2 你絕對不可能全部做對的
CSS題 XVII
序3 最流行的前端麵試題 XXVI
第1章 文字與字體
1．1 在網頁中使用自定義字體
1．2 文本縮進和首字符下沉
1．3 自定義文本被選中時的樣式
1．4 文本對齊
1．5 調整文字、字符的間距
1．6 文本的裝飾――畫綫、粗體、斜體
1．7 文字陰影
1．8 文字毛玻璃效果
1．9 文本溢齣處理
1．10 金屬質感文字
1．11 隱藏文本
1．11．1 使用text-indent
1．11．2 使用定位
1．12 文字鏇轉
1．13 現代字體棧
第2章 邊框和圖片
2．1 邊框新屬性的基礎與實例
2．1．1 border-color
2．1．2 border-image
2．1．3 border-radius
2．1．4 box-shadow
2．2 搜索框
2．2．1 使用背景圖片的搜索框
2．2．2 隻使用CSS的搜索框
2．3 微博發布框
2．4 拍立得效果框
2．5 CSS 3動畫邊框
2．6 邊框移動特效
2．7 Banner圖片的標簽
2．8 黑白圖片
2．9 圖片水印
2．10 圖片細節放大展示
2．11 圖片的瀑布流
2．11．1 浮動的瀑布流
2．11．2 絕對定位的瀑布流
2．12 圖片牆
2．13 圖片輪播圖
2．13．1 使用定位實現
2．13．2 使用透明度實現
2．13．3 縫切換
2．14 幻燈片
2．15 手風琴效果
2．16 圖片自適應
2．17 使用純CSS繪製圖像
2．18 圖片原地放大
2．19 圖片翻轉
2．20 圖像地圖
第3章 按鈕和鏈接
3．1 圓角按鈕
3．2 簡單導航欄
3．3 二級導航欄
3．4 三級導航欄
3．5 滑動菜單
3．6 網頁右鍵菜單
3．7 下拉菜單
3．8 CSS 3圓形導航菜單
3．9 標簽雲
3．10 TAB標簽頁
3．10．1 使用JavaScript
3．10．2 使用CSS target僞類
3．11 選中文字分享
3．12 鏈接百葉窗效果
3．13 iPhone開關
3．14 按鈕式單選框與復選框
3．15 自定義播放器
3．16 文字變鏈接
3．17 根據文件格式設置鏈接圖標
3．18 鏈接標簽"a"的順序
第4章 背景和顔色
4．1 顔色和漸變的基礎與實例
4．1．1 顔色
4．1．2 漸變簡述
4．1．3 帶前綴的漸變
4．1．4 W3C標準漸變（不帶前綴）
4．1．5 重復漸變
4．2 高光效果
4．3 多背景
4．4 全屏背景
4．5 斑馬綫背景
4．6 棋盤背景
4．7 易拉罐效果
4．8 頁麵頂部陰影
第5章 變換與動畫
5．1 CSS 3變換與動畫的基礎及實例
5．1．1 CSS 3變形概述
5．1．2 CSS 3變形語法詳解及應用
5．1．3 CSS 3轉換概述
5．1．4 CSS 3轉換語法詳解
5．1．5 CSS 3轉換具體實例
5．1．6 CSS 3動畫概述
5．1．7 CSS 3動畫語法詳解
5．1．8 簡單實例
5．2 紙張邊角動畫效果
5．2．1 紙張邊角稍稍捲起
5．2．2 邊角翻摺
5．2．3 更具立體感的邊角翻摺效果
5．3 氣泡式提示
5．4 對聯廣告
5．5 頁麵loading效果
5．6 進度條
5．7 圖標滑動切換特效
5．8 流星劃過效果
5．9 雪花飄落效果
5．10 數字滾動器
5．11 模擬時鍾
5．12 蘋果著名的DOCK欄
5．13 蘋果係統的Stack特效
5．14 扇形展開
5．15 迴到頁麵的頂部
5．16 拖曳和拋齣
5．16．1 拖曳實現原理
5．16．2 拋齣與模擬拋物原理
5．16．3 窗口實現
第6章 頁麵的布局
6．1 圖文混排
6．2 文本內容垂直居中
6．3 自適應寬度的水平居中
6．4 固定寬度且居中
6．5 固定頁腳
6．6 控製位置：絕對位置和相對位置
6．7 一個圖文混排的網頁選項卡
6．8 兼容瀏覽器的最小高度
6．9 讓div顯示在屏幕的中央
6．10 iPad屏幕布局
6．11 經典的CSS Clearfix
6．12 升級版的Clearfix
6．13 強製垂直滾動條
6．14 CSS 3文本分列
6．15 讓div層在Flash之上
6．16 float引起div自適應高度效的解決方案
6．17 Flexbox布局風格
6．18 動態高度下的居中
6．19 純CSS實現固定錶頭
6．20 Metro布局風格
第7章 美化與裝飾
7．1 文本裝飾
7．1．1 文本的顔色
7．1．2 文本畫綫
7．1．3 文本的空白
7．1．4 文本的方嚮
7．2 發光輸入框
7．3 自定義滾動條
7．4 頁麵頂部陰影
7．5 巧妙實現分隔綫
7．6 三角形列錶符號
7．7 紙頁麵捲麯效果
7．8 跨瀏覽器的透明度
7．9 鼠標指嚮時變成手型
7．10 鼠標移動到div上高亮顯示
7．11 發光錨鏈接
7．12 屏蔽Webkit瀏覽器的高亮效果
7．13 多種風格的翻頁頁碼
7．13．1 Yahoo舊版翻頁風格
7．13．2 Yahoo新版翻頁風格
7．13．3 Meneame翻頁風格
7．13．4 YouTube翻頁風格
7．14 創建針綫縫閤效果
第8章 盒子
8．1 CSS 3盒模型
8．2 內層CSS 3盒陰影
8．3 外層CSS 3盒陰影
8．4 純CSS 3透明水晶盒
8．5 投影發光效果
第9章 3D相關
9．1 3D文字
9．2 3D圖片立體效果
9．3 3D按鈕
9．4 3D下拉菜單
9．5 3D鏇轉動畫
第10章 CSS Hack
10．1 讓網站在所有瀏覽器下顯示一緻（CSS Reset）
10．2 解決IE 6中浮動元素的雙倍邊距問題
10．3 識彆不同瀏覽器
10．4 背景與圖片透明
10．5 IE 10 CSS Hack
10．6 CSS 3 濾鏡
10．7 常用的CSS Hack列錶
10．8 CSS重置方案（CSS Reset）
10．8．1 方案一
10．8．2 方案二（雅虎方案）
10．8．3 方案三
第11章 其他常用代碼
11．1 使用CSS 3實現簡單的計算器
11．2 使用CSS 3製作網頁播放器
11．3 不使用table的Form錶單
11．4 可以重復利用的規則
11．5 在同一元素上使用多種類
11．6 CSS塊引用模闆
11．7 花式CSS 3 Pull-引文
11．8 一般媒體查詢
11．9 CSS 3背景梯度
11．10 CSS日曆顯示效果
11．11 字符編碼
11．12 手機APP使用的簡潔注冊頁麵
11．13 手機簡潔價目錶
11．14 手機簡潔任務錶
11．15 微店購物車
11．16 APP導航與提醒
11．17 簡潔記事本
11．18 手機文件下載
11．19 迷你下拉列錶框
11．20 Google Font API
11．21 動態提示框
11．22 用CSS創建內容幻燈片
11．23 打印自動顯示超鏈接URL
11．24 禁用Webkit內核某些屬性
11．24．1 禁用電話號碼轉換為鏈接樣式（移動設備）
11．24．2 禁用原生彈齣菜單（移動設備）
11．24．3 禁用用戶選中
11．24．4 禁用輸入框、文本框的輪廓綫
11．24．5 禁用文本框的縮放功能

精彩書摘

　　序2 你絕對不可能全部做對的CSS題
　　全世界所有做過這些題目的CSSer的正確率是58%，在中國相當於不及格！不用百度搜索答案，試試你是否能及格？如果不用百度，你就全做對瞭，相信本書不是你的菜！如果你的正確率不到58%，每天堅持看本書，會帶來意想不到的技術飛躍！
　　1．CSS對大小寫敏感（CSS區分大小寫）嗎？
　　A、是
　　B、否
　　2．對行內元素設置margin-top或margin-bottom屬性是否有效？
　　A、是
　　B、否
　　3．對行內元素設置padding-top或padding-bottom屬性是否有效？
　　A、是
　　B、否
　　4．假設對
　　元素設置樣式font-size:10rem，當用戶改變瀏覽器窗口大小時，該元素內字體大小是否會隨著窗口大小變化而發生變化？
　　A、是
　　B、否
　　5．僞類:checked僅適用於type屬性為radio或checkbox的input錶單，並不適用於
　　錶單，該說法正確嗎？
　　A、正確
　　B、錯誤
　　6．在HTML文檔中，僞類:root永遠是元素，該說法正確嗎？
　　A、正確
　　B、錯誤
　　7．translate()方法可以在z軸方嚮上移動元素的位置，該說法正確嗎？
　　A、正確
　　B、錯誤
　　8．有如下代碼：
　　//HTML代碼
　　Milk
　　Sausage
　　//CSS代碼
　　ul {
　　color: red;
　　}
　　li {
　　color: blue;
　　}
　　文本Sausage將呈現什麼顔色？
　　A、紅色
　　B、藍色
　　C、以上都不是
　　9．有如下代碼：
　　//HTML代碼
　　Milk
　　Sausage
　　//CSS代碼
　　ul li {
　　color: red;
　　}
　　#must-buy {
　　color: blue;
　　}
　　文本Sausage將呈現什麼顔色？
　　A、紅色
　　B、藍色
　　C、以上都不是
　　10．有如下代碼：
　　//HTML代碼
　　Milk
　　Sausage
　　//CSS代碼
　　.shopping-list .favorite {
　　color: red;
　　}
　　#must-buy {
　　color: blue;
　　}
　　文本Sausage將呈現什麼顔色？
　　A、紅色
　　B、藍色
　　C、以上都不是
　　11．有如下代碼：
　　//HTML代碼
　　Milk
　　Sausage
　　//CSS代碼
　　ul#awesome {
　　color: red;
　　}
　　ul.shopping-list li.favorite span {
　　color: blue;
　　}
　　文本Sausage將呈現什麼顔色？
　　A、紅色
　　B、藍色
　　C、以上都不是
　　12．有如下代碼：
　　//HTML代碼
　　Milk
　　Sausage
　　//CSS代碼
　　ul#awesome #must-buy {
　　color: red;
　　}
　　.favorite span {
　　color: blue!important;
　　}
　　文本Sausage將呈現什麼顔色？
　　A、紅色
　　B、藍色
　　C、以上都不是
　　……

前言/序言

　　CSS是網站一件美麗的外衣，沒有CSS，我們的網頁不會如此豐富多彩。所以，要搭建網站和設計網頁，就必須要學會CSS。本書是一本研究代碼實踐的書，它為讀者全麵深入地講解瞭針對各種屏幕大小設計和開發現代網站的CSS技術。400多段代碼給讀者帶來的不僅僅是網頁設計的提速，更是教會讀者如何應對跨瀏覽器兼容，如何處理語義化、無障礙訪問、搜索引擎優化、創建高性能網頁等時時刻刻睏擾網頁設計人員的問題。
　　CSS中的那些檻兒
　　有些網頁設計人員做瞭多年CSS，依然在麵對問題時束手無策，下列問題很常見，你又能瞭解多少呢？
　　跨瀏覽器的兼容
　　盒子模型
　　絕對定位和相對定位
　　流和浮動
　　自適應的文字、DIV、圖片
　　Webkit內核的瀏覽器的特殊屬性
　　動態寬度的布局和固定寬度的布局差異
　　IE 6的兼容
　　以上所有內容在本書的代碼中都有講解，除這些常見CSS門檻外，本書力求將最有用的CSS代碼匯總在一起，提供各種解決實際問題的跨瀏覽器方案。
　　如何學習CSS
　　11個字就能幫助我們更好地學習CSS。
　　多看、多練：觀摩成功的網頁設計，分析並練習網頁設計常用的代碼。
　　多想、多問：思考設計實現的原理，提齣自己的問題並通過各種渠道來找答案。
　　多總結：記錄前人已經探索齣來的CSS技巧，總結實戰中碰到的問題及解決方案。
　　隻要真正能做到勤思考、勤動手、勤總結，CSS學習定能一馬平川。
　　本書的編寫特點
　　1．獨特的CSS切入點
　　與市麵上其他CSS有關的書不同，本書從最常見的網頁效果齣發，直接應用CSS代碼實現設計效果，沒有用的例子不給，隻講事實不講廢話！
　　2．內容豐富，知識全麵
　　本書以網頁設計的各個分類和使用場景作為基礎，立體式全方位地解釋各種場景下的CSS代碼段應用，場景豐富、實例豐富，並擁有良好的可擴展性、可復用性。
　　3．去中心化，分布式學習
　　本書的代碼實例都是獨立的，你可以從中間開始學，也可以從頭開始學。代碼跨平颱跨設備，你可以在iPad上學，也可以在PC上學，如果可以，手機上學代碼也完全可能。
　　4．解釋清晰，原理結閤實踐
　　由於CSS是網頁描述性語言，雖然語法簡單，但是很多讀者可能不知效果從何做起，本書通過清晰的實現原理分析，配備簡單易懂的代碼和解釋，從效果的實現原理方麵進行瞭剖析，使讀者不僅能知其然，更知其所以然。
　　5．多種代碼方式的實現
　　本書的實例從純CSS代碼、簡單的原生JavaScript配閤、jQuery框架和自己搭建框架等多種方式實現不同的效果，配閤原理的說明，可在不同的方式間自由切換。
　　6．自發式學習
　　在學習代碼前，先讓讀者練習實際上最基礎卻最容易做錯的CSS考題和麵試題，激發讀者的學習鬥誌。
　　本書的設計始於功能、終於代碼，是網頁設計人員的案頭必備。
　　本書的內容安排
　　本書共11章，各章節為不同類彆效果的CSS實現。
　　第1章為文字與字體，介紹常用的網頁文本樣式的設計，包括自定義字體、文本縮進與首字符下沉、文本對齊、文字間距、文本溢齣、文字陰影、毛玻璃效果、金屬質感等裝飾、隱藏文本、文字鏇轉、現代字體棧等。
　　第2章為邊框和圖片，介紹網頁中常見的邊框設計和各種圖片的展示方式，包括各種邊框、黑白圖片、圖片水印、細節放大、瀑布流、圖片牆、圖片輪播圖（焦點圖）、幻燈片（帶縮略圖）、圖片自適應、圖片原地放大、圖片翻轉、圖像地圖等。
　　第3章為按鈕和鏈接，介紹常見的網頁按鈕和鏈接相關的設計，包括圓角按鈕、導航菜單、下拉菜單、右鍵菜單、標簽雲、文字分享、iPhone開關、按鈕式單選框與復選框、自定義播放器、文字變鏈接等。
　　第4章為背景和顔色，介紹網頁中背景和顔色的使用，包括高光效果頁麵頂部陰影、多背景、全屏背景、斑馬綫背景、棋盤背景、易拉罐效果等。
　　第5章為變換與動畫的相關內 超實用的CSS代碼段 下載 mobi epub pdf txt 電子書

評分☆☆☆☆☆

這個係列的書不太實用 而且額 裏麵的東西有些過時

評分☆☆☆☆☆

超實用，代碼段，專業需要，老師推薦的書，很滿意，好評

評分☆☆☆☆☆

不錯不錯 不錯不錯 很不錯

評分☆☆☆☆☆

包裝不錯,送貨快

評分☆☆☆☆☆

好好好好好好好好好好好

評分☆☆☆☆☆

這本書不太好，結構不太好，堆的代碼，js寫得比較差，還不如不寫，寫書要有責任感吧

評分☆☆☆☆☆

工具書，常備無患

評分☆☆☆☆☆

很實用的代碼片段，不錯不錯，涉及到css3的，比較全麵，不錯不錯

評分☆☆☆☆☆

不錯不錯不錯不錯不錯不錯不錯不錯不錯不錯不錯不錯

類似圖書 點擊查看全場最低價