CSS入門經(jīng)典

前言

　　CSS(Cascading Style Sheet，層疊樣式表)是用于網(wǎng)站呈現(xiàn)的現(xiàn)代標(biāo)準(zhǔn)。當(dāng)與結(jié)構(gòu)化標(biāo)記語言，像HTML、XHTML或XML(不限于這些)結(jié)合使用時(shí)，CSS提供給Internet瀏覽器的信息使它們能夠表現(xiàn)Web文檔的所有可視效果。CSS應(yīng)用于邊框、段落、標(biāo)題和圖像間的間距、字體外觀或顏色的控制、背景顏色及圖像、像下劃線和刪除線這樣的文字效果、分層、定位，以及許多其他的呈現(xiàn)效果。

內(nèi)容概要

現(xiàn)在，對(duì)于您來說，構(gòu)建極其漂亮的Web站點(diǎn)的本領(lǐng)將唾手可得。本書詳細(xì)而有條理地介紹了如何結(jié)合使用層疊樣式表（CSS）與HTML、XHTML、XML，創(chuàng)建豐富而有強(qiáng)烈視覺沖擊力的Web設(shè)計(jì)。本書的內(nèi)容是以瀏覽器為中心展開的，所以您可以輕松地開發(fā)出與IE 6、IE 7、Firefox 2、Opera 9和Safari 2兼容的站點(diǎn)。　　通過提供突出顯示的示例代碼和展現(xiàn)內(nèi)容豐富的Web頁面，本書向您展示了CSS的工作方式和原理。從基于CSS的Web設(shè)計(jì)原理及操作文檔顯示的屬性，到各種高級(jí)的CSS概念、技巧（如多欄布局和垂直居中定位元素），從解決IE中諸多的常見Bug，到實(shí)用性極強(qiáng)的案例研究……，最終使您掌握將自己的站點(diǎn)提升到更高層次的必備技能。　　本書主要內(nèi)容　　CSS Level 1、2、2.1和3規(guī)范的相關(guān)知識(shí)    操縱文本和選擇字體效果的方式    IE 6和IE 7的Bug及解決方案    如何控制文檔布局    使用背景增強(qiáng)Web設(shè)計(jì)的技巧    4種不同類型的定位方式：靜態(tài)、相對(duì)、絕對(duì)和固定    如何改變XML、HTML/XHTML文檔中元素的行為　　本書讀者對(duì)象　　本書適合初、中級(jí)Web開發(fā)人員和希望更好地使用CSS進(jìn)行Web設(shè)計(jì)的人員。讀者最好對(duì)HTML有一個(gè)基本的了解　　本書秉承了紅皮書入門經(jīng)典系列的一貫風(fēng)格，將對(duì)CSS技術(shù)的講解融入到豐富而具有實(shí)用價(jià)值的案例展示和原理剖析當(dāng)中。書中不僅介紹了CSS的起源、發(fā)展和它在基于Web標(biāo)準(zhǔn)開發(fā)中的重要地位，詳細(xì)地解釋了幾乎所有常用的CSS屬性，而且還展示了諸多鮮為人知的高級(jí)CSS應(yīng)用技巧。此外，本書針對(duì)IE中的常見Bug給出了相應(yīng)的解決方案，為讀者進(jìn)行跨瀏覽器的Web設(shè)計(jì)提供了可資利用的經(jīng)驗(yàn)和提示。本書適合從事Web設(shè)計(jì)的初、中級(jí)讀者，以及希望全面掌握CSS進(jìn)行Web設(shè)計(jì)的愛好者。本書讀者最好了解HTML標(biāo)記語言。

作者簡介

　　Richard Yord是一名專業(yè)的Web應(yīng)用程序開發(fā)人員，他在2004年編寫了本書的第1版，他也是《CSS Instant Results》（Wrox，2006）一書的作者。
　　Richard在印第安那大學(xué)與普渡大學(xué)印第安那波里斯聯(lián)合分校學(xué)習(xí)時(shí)就開始了他的Web開發(fā)生涯。在加強(qiáng)專業(yè)課程學(xué)習(xí)的同時(shí)，他還掌

書籍目錄

第Ⅰ部分  基 礎(chǔ) 知 識(shí)　第1章  層疊樣式表簡介　　1.1  誰負(fù)責(zé)創(chuàng)建和維護(hù)CSS　　1.2  Internet工作原理　　1.3  CSS的現(xiàn)狀　　1.4  各種瀏覽器    　1.4.1  Internet Explorer　　　1.4.2  Gecko瀏覽器：Mozilla Firefox、Netscape、Camino　　　1.4.3  Safari　　　1.4.4  Opera　　1.5  編寫CSS　　1.6  第一個(gè)應(yīng)用CSS的文檔　　1.7  使用CSS的優(yōu)點(diǎn)　　1.8  小結(jié)  第2章  基本概念　　2.1  CSS規(guī)則　　2.2  選擇器　　2.3  聲明　　2.4  分組選擇器　　2.5  CSS注釋　　2.6  屬性值　　　2.6.1  關(guān)鍵字　　　2.6.2  字符串　　　2.6.3  長度和量度　　　2.6.4  數(shù)字　　　2.6.5  顏色　　　2.6.6  URI　　2.7  在文檔中包含CSS　　　2.7.1  包含內(nèi)嵌樣式表　　　2.7.2  鏈接外部樣式表　　　2.7.3  導(dǎo)入樣式表　　　2.7.4  內(nèi)聯(lián)樣式　　2.8  小結(jié)　　2.9  練習(xí)　第3章  選擇器　　3.1  類和ID選擇器　　　3.1.1  類選擇器　　　3.1.2  ID選擇器　　3.2  通用選擇器　　3.3  后代選擇器　　3.4  直接子選擇器　　3.5  相鄰選擇器　　3.6  屬性選擇器　　　3.6.1  基于屬性值的選擇　　　3.6.2  屬性子字符串選擇器　　3.7  偽元素:first-letter和:first-line　　3.8  偽類　　　3.8.1  動(dòng)態(tài)偽類　　　3.8.2  first-child結(jié)構(gòu)化偽類　　3.9  小結(jié)　　3.10  練習(xí)　第4章  層疊和繼承　　4.1  層疊　　　4.1.1  計(jì)算選擇器的針對(duì)性　　　4.1.2  ！important規(guī)則　　4.2  繼承　　4.3  小結(jié)　　4.4  練習(xí)第Ⅱ部分  屬性　第5章  文本屬性　　5.1  letter-spacing 屬性　　5.2  word-spacing屬性　　5.3  用text-indent屬性縮進(jìn)段落文本　　5.4  用text-align屬性對(duì)齊文本　　5.5  text-decoration屬性　　5.6  text-transform屬性　　5.7  white-space屬性　　5.8  小結(jié)　　5.9  練習(xí)　第6章  字體屬性　　6.1  用font-family屬性指定字體　　　6.1.1  字體族　　　6.1.2  通用字體族　　6.2  font-style屬性　　6.3  font-variant屬性　　6.4  font-weight屬性　　6.5  font-size屬性　　　6.5.1  絕對(duì)字體尺寸　　　6.5.2  相對(duì)字體尺寸　　　6.5.3  百分比字體尺寸　　6.6  字體簡寫屬性　　　6.6.1  font屬性　　　6.6.2  系統(tǒng)字體　　6.7  小結(jié)　　6.8  練習(xí)　第7章  盒模型　　7.1  概述　　7.2  margin屬性　　　7.2.1  帶有4個(gè)值的margin屬性　　　7.2.2  帶有三個(gè)值的margin屬性　　　7.2.3  帶有兩個(gè)值的margin屬性　　　7.2.4  帶有一個(gè)值的margin屬性　　　7.2.5  外邊距折疊　　　7.2.6  用margin屬性來水平對(duì)齊元素　　7.3  邊框　　　7.3.1  border-width屬性　　　7.3.2  border-style屬性　　　7.3.3  border-color屬性　　　7.3.4  邊框簡寫屬性　　7.4  padding屬性　　7.5  設(shè)置尺寸　　　7.5.1  width屬性　　　7.5.2  height屬性　　　7.5.3  寬度和高度的auto值　　　7.5.4  百分比量度　　　7.5.5  IE在Quirk模式下的寬度和高度　　　7.5.6  最小和最大尺寸　　7.6  溢出的內(nèi)容　　7.7  小結(jié)　　7.8  練習(xí)　第8章  CSS浮性：浮動(dòng)和垂直對(duì)齊　　8.1  float屬性　　8.2  clear屬性　　8.3  IE 6中的浮動(dòng)bug　　　8.3.1  Peek-A-Boo Bug　　　8.3.2  Guillotine Bug　　　8.3.3  Three-Pixel Jog　　　8.3.4  Double-Margin Bug　　8.4  vertical-align屬性　　　8.4.1  上標(biāo)和下標(biāo)文本　　　8.4.2  top、middle和bottom關(guān)鍵字　　　8.4.3  text-top和text-bottom關(guān)鍵字　　　8.4.4  百分比和長度值　　　8.4.5  垂直對(duì)齊表格單元的內(nèi)容　　8.5  小結(jié)　　8.6  練習(xí)　第9章  列表屬性　　9.1  list-style-type屬性　　　9.1.1  樣式化無序列表　　　9.1.2  樣式化有序列表　　9.2  list-style-image屬性　　9.3  list-style-position屬性　　9.4  list-style簡寫屬性　　9.5  小結(jié)　　9.6  練習(xí)　第10章  背景屬性　　10.1  background-color屬性　　10.2  background-image屬性　　10.3  background-repeat屬性　　10.4  background-position屬性　　　10.4.1  混合不同類型的位置值　　　10.4.2  平鋪和定位　　10.5  background-attachment屬性　　10.6  background簡寫屬性　　10.7  小結(jié)　　10.8  練習(xí)　第11章  定位屬性　　11.1  定位簡介　　　11.1.1  絕對(duì)定位　　　11.1.2  相對(duì)定位　　　11.1.3  固定定位　　11.2  z軸和z-index屬性　　　11.2.1  值為整數(shù)的z-index屬性　　　11.2.2  嵌套的元素分層　　　11.2.3  IE 6/IE 7的z-index問題　　11.3  應(yīng)用定位的其他方式　　　11.3.1  水平和垂直對(duì)齊定位的內(nèi)容　　　11.3.2  多欄布局　　11.4  小結(jié)　　11.5  練習(xí)　第12章  表格屬性　　12.1  可選的表格元素　　12.2  表格標(biāo)題以及caption-side屬性　　12.3  表格列　　12.4  使用table-layout屬性控制表的寬度　　12.5  使用border-collapse屬性刪除單元格間距　　12.6  border-spacing屬性　　12.7  小結(jié)　　12.8  練習(xí)第Ⅲ部分  高級(jí)CSS和可選擇的媒體　第13章  打印樣式　　13.1  基于媒體應(yīng)用樣式　　13.2  @media規(guī)則　　13.3  控制頁面中斷　　13.4  小結(jié)　　13.5  練習(xí)　第14章  XML　　14.1  XML速成　　14.2  創(chuàng)建XML模式　　14.3  display屬性　　　14.3.1  使用display：inline設(shè)計(jì)行內(nèi)元素　　　14.3.2  使用 display: block設(shè)計(jì)塊級(jí)元素　　　14.3.3  使用display：list-item設(shè)計(jì)列表項(xiàng)　　　14.3.4  表格顯示值　　14.4  其他顯示值　　14.5  小結(jié)　　14.6  練習(xí)　第15章  Cursor屬性　　15.1  指針兼容性　　15.2  自定義指針　　15.3  其他CSS資源　　15.4  本書在線版　　15.5  小結(jié)　　15.6  練習(xí)附錄A  習(xí)題答案附錄B  CSS參考附錄C  CSS顏色附錄D  瀏覽器呈現(xiàn)模式

章節(jié)摘錄

　　第Ⅰ部分　基礎(chǔ)知識(shí)　　第1章　層疊樣式表簡介　　層疊樣式表（Cascading Style Sheets，CSS）是簡化網(wǎng)站設(shè)計(jì)和開發(fā)的一種語言。簡單地說，CSS處理的是Web頁面的外觀。利用CSS可以控制文本的顏色、字體的樣式、段落的間距、分欄的大小和布局、背景的圖片或顏色，以及其他各種可視化效果?！　‰m然CSS十分易學(xué)易懂，但它卻提供了對(duì)文檔表現(xiàn)的強(qiáng)大控制能力。通常，CSS與標(biāo)記語言HTML或XHTML一起使用。這些標(biāo)記語言包含Web頁面上顯示的真實(shí)文本（如超鏈接、段落、標(biāo)題、列表和表格），同時(shí)也是Web文檔的粘合劑。標(biāo)記語言中不僅包含Web頁面的數(shù)據(jù)，也包含為Web頁面添加樣式信息的CSS文檔和JavaScript。JavaScript是為網(wǎng)頁提供動(dòng)態(tài)交互功能的另一種語言。　　HTML和XHTML這兩種語言非常類似。實(shí)際上，對(duì)于現(xiàn)今的大多數(shù)文檔而言，除了XHTML對(duì)語法有一些嚴(yán)格要求之外，這兩種語言幾乎沒有什么差別。本書第2章將詳細(xì)介紹這兩種語言的區(qū)別，屆時(shí)將提供一些簡單的示例來介紹每種語言的形式，以及如何使用它們與CSS共同來創(chuàng)建Web頁面。本章將主要介紹以下幾個(gè)方面：　　?W3C，規(guī)劃和建議Web功能和發(fā)展方向的組織　　?Internet文檔的工作原理，它們的來源，以及瀏覽器如何顯示它們　　?Internet簡史　　?CSS為何是一種必需的解決方案　　?使用CSS的好處　　下面將介紹W3C（World Wide Web Consortium，萬維網(wǎng)聯(lián)盟）組織，該組織對(duì)如何使用和實(shí)現(xiàn)CSS及其他針對(duì)Web的語言制定推薦規(guī)范。　　1.1　誰負(fù)責(zé)創(chuàng)建和維護(hù)CSS　　創(chuàng)建基礎(chǔ)理論、規(guī)劃層疊樣式表在瀏覽器中的功能和作用，是W3C這個(gè)中立組織的任務(wù)。W3C也對(duì)Internet的作用及其發(fā)展方向給出了建議。這里之所以使用“方向”，是因?yàn)閃3C目前還沒有對(duì)其定義標(biāo)準(zhǔn)的實(shí)現(xiàn)方式進(jìn)行任何控制。W3C由一些成員公司和組織組成，他們一起創(chuàng)建有關(guān)Web功能的約定標(biāo)準(zhǔn)。許多卓越的公司和組織都是W3C的成員，包括Microsoft、Adobe、The Mozilla Foundation、Apple、Opera Software，以及IBM。W3C還負(fù)責(zé)對(duì)一些Web語言的規(guī)劃進(jìn)行監(jiān)督，包括CSS、HTML、XHTML和XML，本書將提及全部這些語言。

編輯推薦

　　現(xiàn)在，對(duì)于您來說，構(gòu)建極其漂亮的Web站點(diǎn)的本領(lǐng)將唾手可得?！禖SS入門經(jīng)典(第2版)》詳細(xì)而有條理地介紹了如何結(jié)合使用層疊樣式表(CSS)與HTML、XHTML、XML，創(chuàng)建豐富而有強(qiáng)烈視覺沖擊力的Web設(shè)計(jì)?！禖SS入門經(jīng)典(第2版)》的內(nèi)容是以瀏覽器為中心展開的，所以您可以輕松地開發(fā)出與IE 6、IE 7、Firefox 2、Opera 9和Safari 2兼容的站點(diǎn)。

圖書封面

圖書標(biāo)簽Tags

無

評(píng)論、評(píng)分、閱讀與下載

---

    CSS入門經(jīng)典 PDF格式下載

---