CSS 3實戰(全彩印刷)

2021-05-25 08:35:50 字數 2386 閱讀 3782

css 3真可謂十年磨一劍,從10年前開始孕育,到今天逐漸引人矚目,前端工作者們的確等待了太長的時間。

隨著使用者要求的不斷提高、各種新型網路應用的不斷出現,以及web技術自身的高速發展,css 2在web開發中顯得越來越力不從心,人們對下一代css技術和標準——css 3的需求越來越迫切。坦率地講,css 3的部分特性在幾年前就已經公布,但是由於各種主流瀏覽器的「不作為」,特別是ie瀏覽器的「消極態度」,讓很多前端工作者遺忘了css 3的存在。目前,css 3還在不斷完善中,很多功能還處於草稿階段,但是它展現出來的超強特性和功能已經讓人興奮不已。最近一兩年,各種主流瀏覽器逐漸開始高調支援css 3的部分或者全部的功能特性,使得css 3又重新進入了廣大前端工作者的視野。特別是ie 9對css 3的全面支援,更是將網頁設計師帶入了全新的天地。社群裡各種關於css 3的討論、資料和炫酷的應用開始**式增長,廣大前端工作者也開始蜂擁而至。

對於緊追前沿技術的前端工作者來說,充分了解當前和未來的web標準和技術是十分必要的,學習和掌握css 3更是大勢所趨。為了幫助大家在適應趨勢和引領趨勢的過程中能走得更順利,受華章公司的盛情邀請,我特意編寫了這本css 3實戰教程,希望能起到拋磚引玉之效,為普及css 3盡綿薄之力。

首先,《css 3實戰》 非常適合具有豐富開發和設計經驗的前端工作者,因為這部分讀者應該已經對css 2了然於胸,通過本書,他們將能非常迅速而又有針對性地掌握css 3技術。

其次,本書也適合尚處於初級階段的前端工作者,因為書中不僅系統而全面地介紹了css 3的各種功能和特性,而且還有大量實戰案例和最佳實踐,可供他們一邊學習理論,一邊進行實戰演練。

《css 3實戰》 是國內第一本系統、全面地講解css 3的圖書,它有兩個重要的特色:

內容全面而詳盡。本書幾乎講解了css 3已經公布的所有可用新特性和新功能的用法、技巧和注意事項。

案例豐富,實戰性強。本書幾乎為每個知識點都精心設計了1~2個實戰案例,能幫助讀者在實戰演練的過程中將理論知識融會貫通。

在《css 3實戰》 的閱讀過程中,需要注意下面幾個約定:

初始值:即預設值,是當使用者不顯式宣告時元素所顯示的屬性值。需指明的是,屬性是元素的本質,而不是後天定義的標籤。

適用於:說明了該屬性適用哪些元素,有些參考資料中所提供的適用元素列表很容易使讀者陷於迷茫之中,指導意義不大,妨礙快速參考。

繼承性:這是css的基本特性,表明該屬性值是否會對當前引用元素的內嵌子元素具有影響力。繼承性對css布局而言具有重要的參考價值。

百分比:表示該屬性是否可以用百分比(%)或者em為單位,以及如果可以用百分比或者em為單位時,如何才能把這些值換算成確定的值。例如,百分比是根據自身的寬度進行換算還是根據父元素的寬度進行換算,再或者是根據元素內文字字型的大小進行換算等。預設值為n/a ,表示百分比不符合或者不可用。

媒介:說明該屬性適用於哪些裝置,例如,visual表示視覺**,如電腦螢幕、wap(如手機)螢幕、印表機等。

在沒有特別宣告的情況下,本書所指的瀏覽器僅適用於windows系統,不適用於mac系統。

webkit引擎主要指蘋果的safari瀏覽器和谷歌的chrome瀏覽器,其私有屬性字首為-webkit-。

gecko引擎主要指代mozilla的瀏覽器,常指firefox,其私有屬性字首為- moz。

presto引擎主要指代opera瀏覽器,其私有屬性字首為-o-。

《css 3實戰》 所有案例在chrome 4.0+或者safari 4.0+版本的瀏覽器中能夠獲得較好的表現。在ie 8及其以下的版本中,可能得不到預期的效果。

為了方便閱讀,本書中的部分示例**僅提供了css樣式**和區域性html結構**,讀者可以把這些css樣式**放在網頁頭部區域(即標籤內),區域性html結構**放在網頁主體區域內(即標籤內)。

《css 3實戰》 不是最終的css 3技術大全,css 3技術還在不斷完善和補充中,所以也無法確保本書中講解的所有知識將來都不會發生變化。建議讀者根據本書所提供的參考位址,即時獲取關於css 3的最新資訊。

《css 3實戰》 主要由成林編寫,同時參與資料整理及編寫的還有:馬本連、吳建華、江淑軍、李斌、李經鍵、鄭偉、田蜜、陸穎、王慧明、張煒、陳銳、王幼平、楊龍貴、蘇震巍、崔鵬飛等,在此對大家的辛勤工作表示衷心的感謝!

由於時間有限,書中難免會有疏漏和不足之處,懇請廣大讀者提出寶貴意見。有關本書的任何問題,請發電子郵件到[email protected]

作者  

2023年3月於北京  

《css 3實戰》

國內首本css 3專著,全面而深入講解css 3的最新特性和布局之道

實戰性強,全書囊括近百個精心設計的實戰案例,理論與實踐完美結合

資深web前端工程師多年實踐經驗的結晶,3大社群聯袂推薦

【互動網購買 】【當當網購買 】【卓越網購買 】【豆瓣討論 】

《CSS3實戰》文字陰影 text shadow

語法 none none 或none 取值簡單說明 type text css pstyle 簡單小結 text shadow屬性的第乙個值表示水平位移 第二個值表示垂直位移,正值偏右或偏下 負值偏上或偏左 第三個值表示模糊半徑,該值可選 第四個值表示陰影的顏色,該值可選。示例 通過陰影增加前景色和...

CSS3中顏色線性漸變實戰

線性漸變可以設定3個引數值 方向 起始顏色 結束顏色。最簡單的模式只需要定義起始顏色和結束顏色,起點 終點和方向預設自元素的頂部到底部。下面舉例說明 css code複製內容到剪貼簿 上述 的效果如圖所示。最簡單的線性漸變效果 如果要在一些舊版本的瀏覽器 除ie 下可以正常顯示如圖5.9的效果,則需...

CSS3實戰手冊 第3版 影印版

css3實戰手冊 第3版 影印版 基本資訊 原書名 css3 the missing manual,3e 出版社 東南大學出版社 isbn 9787564141998 出版日期 2013 年5月 開本 16開 頁碼 652 版次 3 1 所屬分類 計算機 數碼 設計 css 更多關於 css3實戰手...