CSS入門經典

前言

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

內容概要

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

作者簡介

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

書籍目錄

第Ⅰ部分  基 礎 知 識　第1章  層疊樣式表簡介　　1.1  誰負責創(chuàng)建和維護CSS　　1.2  Internet工作原理　　1.3  CSS的現狀　　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  第一個應用CSS的文檔　　1.7  使用CSS的優(yōu)點　　1.8  小結  第2章  基本概念　　2.1  CSS規(guī)則　　2.2  選擇器　　2.3  聲明　　2.4  分組選擇器　　2.5  CSS注釋　　2.6  屬性值　　　2.6.1  關鍵字　　　2.6.2  字符串　　　2.6.3  長度和量度　　　2.6.4  數字　　　2.6.5  顏色　　　2.6.6  URI　　2.7  在文檔中包含CSS　　　2.7.1  包含內嵌樣式表　　　2.7.2  鏈接外部樣式表　　　2.7.3  導入樣式表　　　2.7.4  內聯樣式　　2.8  小結　　2.9  練習　第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  動態(tài)偽類　　　3.8.2  first-child結構化偽類　　3.9  小結　　3.10  練習　第4章  層疊和繼承　　4.1  層疊　　　4.1.1  計算選擇器的針對性　　　4.1.2  ！important規(guī)則　　4.2  繼承　　4.3  小結　　4.4  練習第Ⅱ部分  屬性　第5章  文本屬性　　5.1  letter-spacing 屬性　　5.2  word-spacing屬性　　5.3  用text-indent屬性縮進段落文本　　5.4  用text-align屬性對齊文本　　5.5  text-decoration屬性　　5.6  text-transform屬性　　5.7  white-space屬性　　5.8  小結　　5.9  練習　第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  絕對字體尺寸　　　6.5.2  相對字體尺寸　　　6.5.3  百分比字體尺寸　　6.6  字體簡寫屬性　　　6.6.1  font屬性　　　6.6.2  系統字體　　6.7  小結　　6.8  練習　第7章  盒模型　　7.1  概述　　7.2  margin屬性　　　7.2.1  帶有4個值的margin屬性　　　7.2.2  帶有三個值的margin屬性　　　7.2.3  帶有兩個值的margin屬性　　　7.2.4  帶有一個值的margin屬性　　　7.2.5  外邊距折疊　　　7.2.6  用margin屬性來水平對齊元素　　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  設置尺寸　　　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  溢出的內容　　7.7  小結　　7.8  練習　第8章  CSS浮性：浮動和垂直對齊　　8.1  float屬性　　8.2  clear屬性　　8.3  IE 6中的浮動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  上標和下標文本　　　8.4.2  top、middle和bottom關鍵字　　　8.4.3  text-top和text-bottom關鍵字　　　8.4.4  百分比和長度值　　　8.4.5  垂直對齊表格單元的內容　　8.5  小結　　8.6  練習　第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  小結　　9.6  練習　第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  小結　　10.8  練習　第11章  定位屬性　　11.1  定位簡介　　　11.1.1  絕對定位　　　11.1.2  相對定位　　　11.1.3  固定定位　　11.2  z軸和z-index屬性　　　11.2.1  值為整數的z-index屬性　　　11.2.2  嵌套的元素分層　　　11.2.3  IE 6/IE 7的z-index問題　　11.3  應用定位的其他方式　　　11.3.1  水平和垂直對齊定位的內容　　　11.3.2  多欄布局　　11.4  小結　　11.5  練習　第12章  表格屬性　　12.1  可選的表格元素　　12.2  表格標題以及caption-side屬性　　12.3  表格列　　12.4  使用table-layout屬性控制表的寬度　　12.5  使用border-collapse屬性刪除單元格間距　　12.6  border-spacing屬性　　12.7  小結　　12.8  練習第Ⅲ部分  高級CSS和可選擇的媒體　第13章  打印樣式　　13.1  基于媒體應用樣式　　13.2  @media規(guī)則　　13.3  控制頁面中斷　　13.4  小結　　13.5  練習　第14章  XML　　14.1  XML速成　　14.2  創(chuàng)建XML模式　　14.3  display屬性　　　14.3.1  使用display：inline設計行內元素　　　14.3.2  使用 display: block設計塊級元素　　　14.3.3  使用display：list-item設計列表項　　　14.3.4  表格顯示值　　14.4  其他顯示值　　14.5  小結　　14.6  練習　第15章  Cursor屬性　　15.1  指針兼容性　　15.2  自定義指針　　15.3  其他CSS資源　　15.4  本書在線版　　15.5  小結　　15.6  練習附錄A  習題答案附錄B  CSS參考附錄C  CSS顏色附錄D  瀏覽器呈現模式

章節(jié)摘錄

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

編輯推薦

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

圖書封面

圖書標簽Tags

無

評論、評分、閱讀與下載

---

    CSS入門經典 PDF格式下載

---