精通CSS與HTML設(shè)計模式

內(nèi)容概要

　　本書是一部非常實用的CSS 與HTML（XHTML）解決方案手冊。書中包含了350 多種可以立即使用的設(shè)計模式（涉及文本、背景、邊框、圖片、表格、布局等多方面），并介紹了每種模式的原理和使用。每種設(shè)計模式、示例和源代碼都經(jīng)過了精心設(shè)計，易于實現(xiàn)和使用。通過閱讀此書，可大大提高讀者在Web 設(shè)計和開發(fā)中的效率和創(chuàng)造力?！　”緯Y(jié)構(gòu)清晰，示例豐富，實踐性強，適用于所有Web 開發(fā)和設(shè)計人員。

作者簡介

Michael Bowers，資深Web開發(fā)專家，有18年專業(yè)軟件開發(fā)經(jīng)驗。曾經(jīng)作為首席軟件工程師和架構(gòu)師開發(fā)過各種項目，包括許多網(wǎng)站、應(yīng)用程序框架、編譯器、自定義語言，自動化工廠和銷售管理系統(tǒng)。他擁有音樂理論碩士學(xué)位，是一名優(yōu)秀的鋼琴家。

書籍目錄

第1章　設(shè)計模式：輕松搞定CSS！　　1.1　設(shè)計模式——精心組織的解決方案　　1.2　使用設(shè)計模式　　1.3　應(yīng)用樣式表　　1.4　CSS語法　　　1.4.1　CSS語法細節(jié)　　　1.4.2　在CSS中使用空白　　　1.4.3　使用屬性值　　1.5　使用層疊排序　　1.6　簡化層疊　　1.7　CSS和HTML鏈接　　1.8　CSS屬性　　1.9　CSS的屬性和值：常見的　　1.10　CSS的屬性和值：內(nèi)容　　1.11　CSS的屬性和值：布局　　1.12　CSS的屬性和值：專有的　　1.13　選擇符　　1.14　變動的度量單位　　1.15　固定的度量單位　　1.16　在96dpi下不同單位之間的比率　　1.17　在96dpi下常用的font-size值　　1.18　CSS疑難解答　　1.19　使樣式表規(guī)范化　第2章　HTML設(shè)計模式　　2.1　本章大綱　　2.2　HTML結(jié)構(gòu)　　2.3　XHTML　　2.4　DOCTYPE　　2.5　頭部元素　　2.6　條件樣式表　　2.7　結(jié)構(gòu)化塊狀元素　　2.8　終端塊狀元素　　2.9　多目標塊狀元素　　2.10　內(nèi)聯(lián)元素　　2.11　類和ID屬性　　2.12　HTML空白　第3章　CSS選擇符與繼承　　3.1　本章大綱　　3.2　類型、類和ID選擇符　　3.3　定位和群組選擇符　　3.4　屬性選擇符　　3.5　偽類元素選擇符　　3.6　偽類選擇符　　3.7　子類選擇符　　3.8　繼承　　3.9　視覺繼承　第4章　盒模型　　4.1　本章大綱　　4.2　顯示　　4.3　盒模型　　4.4　內(nèi)聯(lián)盒模型　　4.5　內(nèi)聯(lián)塊狀盒模型　　4.6　塊狀盒模型　　4.7　表格盒模型　　4.8　絕對定位盒模型　　4.9　浮動盒模型　第5章　盒模型的尺寸　　5.1　本章大綱　　5.2　寬度　　5.3　高度　　5.4　設(shè)定尺寸　　5.5　包裹　　5.6　拉伸　第6章　盒模型的屬性　　6.1　本章大綱　　6.2　外邊距　　6.3　邊框　　6.4　內(nèi)邊距　　6.5　背景　　6.6　溢出　　6.7　可見性　　6.8　分頁　第7章　定位模型　　7.1　本章大綱　　7.2　定位模型　　7.3　定位　　7.4　定位最近的祖先元素　　7.5　堆疊環(huán)境　　7.6　原子化　　7.7　靜態(tài)定位　　7.8　絕對定位　　7.9　固定定位　　7.10　相對定位　　7.11　浮動和清除　　7.12　相對浮動　第8章　定位：縮進、偏移與對齊　　8.1　本章大綱　　8.2　縮進　　8.3　靜態(tài)元素的偏移　　8.4　靜態(tài)表格的偏移或縮進　　8.5　浮動元素的偏移　　8.6　絕對元素和固定元素的偏移　　8.7　相對元素的偏移　　8.8　靜態(tài)內(nèi)聯(lián)元素的對齊　　8.9　靜態(tài)塊狀元素的對齊與偏移　　8.10　靜態(tài)表格的對齊與偏移　　8.11　絕對元素的對齊與偏移　　8.12　絕對元素的居中　　8.13　外部對齊　第9章　定位：進階　　9.1　本章大綱　　9.2　左對齊　　9.3　左偏移　　9.4　右對齊　　9.5　右偏移　　9.6　中心對齊　　9.7　中心偏移　　9.8　頂端對齊　　9.9　頂端偏移　　9.10　底端對齊　　9.11　底端偏移　　9.12　垂直居中對齊　　9.13　垂直居中偏移　第10章　為文本賦予樣式　　10.1　字體　　10.2　突出　　10.3　文本裝飾　　10.4　文本陰影　　10.5　文本替換　　10.6　隱藏文本　　10.7　讀屏器專用　第11章　分割內(nèi)容　　11.1　分割　　11.2　塊狀化　　11.3　非包裹　　11.4　保留空白　　11.5　代碼　　11.6　填充內(nèi)容　　11.7　內(nèi)聯(lián)空白　　11.8　內(nèi)聯(lián)裝飾　　11.9　斷行　　11.10　內(nèi)聯(lián)水平線　第12章　對齊內(nèi)容　　12.1　文本縮進　　12.2　懸掛縮進　　12.3　水平對齊的內(nèi)容　　12.4　垂直對齊的內(nèi)容　　12.5　垂直偏移的內(nèi)容　　12.6　下標和上標　　12.7　嵌套對齊　　12.8　高級對齊實例　第13章　塊狀元素　　13.1　本章大綱　　13.2　結(jié)構(gòu)含義　　13.3　可視結(jié)構(gòu)　　13.4　區(qū)塊　　13.5　列表　　13.6　背景項目符號　　13.7　內(nèi)聯(lián)化　　13.8　重疊的外邊距　　13.9　內(nèi)嵌　　13.10　水平線　　13.11　塊狀間隔　　13.12　塊狀間隔移除　　13.13　左外邊距　　13.14　右外邊距　第14章　圖片　　14.1　本章大綱　　14.2　圖片　　14.3　圖片地圖　　14.4　淡出　　14.5　半透明　　14.6　被替換的文本　　14.7　內(nèi)容覆蓋圖片　　14.8　內(nèi)容覆蓋背景圖片　　14.9　CSS內(nèi)嵌圖片　　14.10　基礎(chǔ)陰影圖片　　14.11　陰影圖片　　14.12　圓角　　14.13　圖片實例　第15章　表格　　15.1　本章大綱　　15.2　表格　　15.3　行組與列組　　15.4　表格選擇符　　15.5　分隔的邊框　　15.6　重疊的邊框　　15.7　樣式重疊邊框　　15.8　隱藏和刪除單元格　　15.9　刪除和隱藏行與列　　15.10　垂直對齊數(shù)據(jù)　　15.11　斑馬紋表格　　15.12　強制轉(zhuǎn)換成表格、行和單元格　　15.13　表格布局　第16章　列布局　　16.1　表格布局模型　　16.2　使用列布局　　16.3　本章大綱　　16.4　列寬度　　16.5　包裹列　　16.6　設(shè)定尺寸列　　16.7　內(nèi)容比例列　　16.8　尺寸比例列　　16.9　百分比比例列　　16.10　反比例列　　16.11　相等內(nèi)容尺寸列　　16.12　等尺寸列　　16.13　小尺寸列　　16.14　伸縮列　　16.15　混合列布局　第17章　布局　　17.1　本章大綱　　17.2　流動布局概述　　17.3　由外向內(nèi)盒模型　　17.4　浮動區(qū)塊　　17.5　浮動間隔　　17.6　流動布局　　17.7　反向浮動　　17.8　事件樣式　　17.9　上滾　　17.10　標簽菜單　　17.11　標簽　　17.12　彈出菜單　　17.13　按鈕　　17.14　布局鏈接　　17.15　布局實例　第18章　字母下沉　　18.1　本章大綱　　18.2　對齊的字母下沉　　18.3　首字母下沉　　18.4　懸掛字母下沉　　18.5　內(nèi)邊距圖片字母下沉　　18.6　浮動字母下沉　　18.7　浮動圖片字母下沉　　18.8　外邊距字母下沉　　18.9　外邊距圖片字母下沉　第19章　強調(diào)框和引用　　19.1　本章大綱　　19.2　左浮動強調(diào)框　　19.3　右浮動強調(diào)框　　19.4　中心強調(diào)框　　19.5　左外邊距強調(diào)框　　19.6　右外邊距強調(diào)框　　19.7　塊狀引用　　19.8　內(nèi)聯(lián)塊狀引用　　19.9　內(nèi)聯(lián)引用　第20章　提示框　　20.1　本章大綱　　20.2　JavaScript提示框　　20.3　懸停提示框　　20.4　彈出的提示框　　20.5　提示框　　20.6　內(nèi)聯(lián)提示框　　20.7　懸掛提示框　　20.8　圖片提示框　　20.9　內(nèi)嵌提示框　　20.10　浮動提示框　　20.11　左外邊距提示框　　20.12　右外邊距提示框　索引　

章節(jié)摘錄

　　第1章　設(shè)計模式：輕松搞定CSS！　　1.1　設(shè)計模式——精心組織的解決方案　　設(shè)計模式已經(jīng)在軟件開發(fā)領(lǐng)域取得了巨大的成功。它們大大提升了網(wǎng)頁設(shè)計和開發(fā)中的生產(chǎn)力、創(chuàng)新力和效率，與此同時還大大減少了代碼量和復(fù)雜性。在CSS和HTML中，設(shè)計模式可以看作是一系列常用功能的組合，它便網(wǎng)站可運行于不同的瀏覽器和讀屏器上，卻無需犧牲設(shè)計值、可訪問性或者依靠其他旁門左道的技術(shù)。不過至今為止，設(shè)計模式還沒有很系統(tǒng)地應(yīng)用于HTML和Hcss網(wǎng)頁設(shè)計與開發(fā)中。　　設(shè)計模式是所有創(chuàng)造性活動的基礎(chǔ)。當我們交談、寫作和創(chuàng)造時，都要依照某種模式來思考。設(shè)計模式就好比是文檔的模板，我們可以向其中添加自己的內(nèi)容。在文學(xué)作品中，它們就像是原型角色和情節(jié)。在音樂中，它們就好比主題和變奏。在編程中，它們就相當于可復(fù)用的算法，可以系統(tǒng)地改變這些算法，并互相結(jié)合以求達到理想的效果。　　一旦發(fā)現(xiàn)了某種設(shè)計模式，就會大幅度地提高創(chuàng)新力和生產(chǎn)力。它可以獨立使用，并可迅速得到成品；也可與其他的模式相結(jié)合，以創(chuàng)造更加復(fù)雜的效果。設(shè)計模式簡化并增強了創(chuàng)新的過程。它們使創(chuàng)造就如同壘磚塊或搭樂高積木一樣簡單。僅需選擇預(yù)先設(shè)計好的模式，改造它們并使它們相互結(jié)合，即可得到想要的結(jié)果。模式并不會限制創(chuàng)新——它們會為你解開創(chuàng)新的枷鎖。　　開創(chuàng)性著作Design Patterns：Elements ofReusable Object-Oriented Software（中文版《設(shè)計模式：可復(fù)用面向?qū)ο筌浖幕A(chǔ)》，作者為Erich Gamma、Richard Helm、Ralph Johnson和John Vlissides，原版由Addison.Wesley版于1995年）曾闡述過，設(shè)計模式由4部分組成：模式的名字、要解決的問題、解決方案和各方面的權(quán)衡。本書將遵循這一方式?！　〖热贿@是一本實用性的書，那么它直接關(guān)注的是一些可用于各種主流瀏覽器中的具體的CSS和HTML設(shè)計模式。本書也通過組合內(nèi)建的模式創(chuàng)造出更高級別的新模式?！　『喍灾@是一本關(guān)于模式的書，你可以把這些模式應(yīng)用到實際的設(shè)計當中去?！　?.2　使用設(shè)計模式　　第1章到第7章列出了布局樣式中的基本屬性和元素。第8章與第9章把這些屬性組合在一起，創(chuàng)造出了所有可能的塊狀、定位和浮動布局。第10章到第12章列舉了一些基本的文本樣式屬性，并把它們相互結(jié)合，這樣一杰，就可以用它們來創(chuàng)建內(nèi)聯(lián)布局了。

編輯推薦

　　Amazon盛譽圖書，業(yè)界專家十余年功力結(jié)晶，參透CSS與HTML，350多種可以立刻用于實戰(zhàn)的設(shè)計模式，Web設(shè)計與開發(fā)人員的必備參考書?！　　安还苣闶鞘裁此降拈_發(fā)人員，本書都是必備的參考書?！薄　　狫onathan Snook。著名web程序員，The Art andScience of CSS一書作者　　“我太喜歡這本書了。事實上我買了兩本。一本放在公司，一本放在家里……本書講解非常系統(tǒng)，既值得通讀，也是絕佳的參考書……趕緊買一本好好研讀吧?！薄　　狫avaRarlch.com　　由于瀏覽器不兼容、缺乏開發(fā)環(huán)境支持等因素。Web開發(fā)至今仍然是一項難言輕松的工作。事實上，為了簡化Web開發(fā)，全球廣大程序員已經(jīng)開發(fā)了各種技術(shù)、眾多框架和庫，甚至出現(xiàn)五花八門的旁門左道。但是。“銀彈”并沒有出現(xiàn)。　　本書中。Web開發(fā)專家MlchaeI Bowers通過350多種設(shè)計模式總結(jié)了自己多年的Web開發(fā)經(jīng)驗，并詳細講解了每種模式的工作原理。每種設(shè)計模式、示例和源代碼都經(jīng)過了精心設(shè)計，可以很方便地在實際項目中使用。本書既是一部優(yōu)秀的教程?？梢韵到y(tǒng)而深入地學(xué)習(xí)CSS和HTML；也是不可或缺的參考書，可以大大提高你在Web設(shè)計和開發(fā)中的效率和創(chuàng)造力。

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

    精通CSS與HTML設(shè)計模式 PDF格式下載

---