CSS+DIV網(wǎng)頁設(shè)計(jì)開發(fā)技術(shù)與實(shí)例應(yīng)用

前言

　　CSS是Cascading Style Sheets（層疊樣式表單）的簡稱，它可以使網(wǎng)頁更加美觀、簡練和便于維護(hù)。CSS技術(shù)已經(jīng)被廣泛應(yīng)用于網(wǎng)頁與網(wǎng)站開發(fā)，使用任何瀏覽器瀏覽網(wǎng)頁都要與CSS打交道；無論使用什么工具制作網(wǎng)頁，都必須掌握CSS技術(shù)。CSS是一門在網(wǎng)頁與網(wǎng)站開發(fā)應(yīng)用中必須要掌握和使用的重要技術(shù)。DIV的全稱為Division意為“區(qū)分”，稱為區(qū)隔標(biāo)記，它的作用是為了設(shè)定字、畫和表格等HTML元素的擺放位置，為HTML文檔中的內(nèi)容提供框架結(jié)構(gòu)，通過CSS樣式配合來定義不同DIV區(qū)域中的各元素屬性，可以方便快捷地完成網(wǎng)頁樣式的定義。學(xué)會使用CSS+DIV網(wǎng)頁布局，是網(wǎng)頁設(shè)計(jì)和制作人員必需掌握的技能之一?！　”緯蕴岣咦x者綜合運(yùn)用CSS+DIV技術(shù)進(jìn)行網(wǎng)頁與網(wǎng)站開發(fā)的應(yīng)用能力為目的，系統(tǒng)地講解了CSS層疊樣式表的基礎(chǔ)理論和實(shí)際運(yùn)用技術(shù)，結(jié)合大量案例與實(shí)例對CSS進(jìn)行深入淺出地分析，詳細(xì)地描述了各案例與實(shí)例的開發(fā)過程和方法，對CSS的基本語法和概念有著更簡明的闡述和說明，并且通過CSS盒子模型詳細(xì)地講述了CSS+DIV布局的精髓所在。本書緊密結(jié)合經(jīng)典開發(fā)案例，系統(tǒng)講述了如何利用CSS控制文字、圖片、表格、背景以及導(dǎo)航菜單等網(wǎng)頁元素方法，并詳細(xì)介紹了圓角矩形框、凹陷文字、滑動門和多級下拉菜單等常用技術(shù)。書中重點(diǎn)講解了幾種典型的布局方式，分別對不同的CSS+DIV布局模式進(jìn)行了細(xì)致地比較。此外，書中還給出了CSS+DIV網(wǎng)站應(yīng)用綜合實(shí)例，讓讀者進(jìn)一步鞏固學(xué)到的知識，提高工程應(yīng)用開發(fā)能力。本書還介紹了網(wǎng)頁設(shè)計(jì)中常遇到的技術(shù)問題，指導(dǎo)讀者制作出符合Web標(biāo)準(zhǔn)的網(wǎng)頁，使從事或即將從事網(wǎng)站設(shè)計(jì)開發(fā)專業(yè)工作的讀者提升專業(yè)技術(shù)水平和同行競爭能力。　　本書由孔璐和袁玨作為主編，本書的第五章是由中北大學(xué)機(jī)械工程與自動化學(xué)院崔寶珍編寫。本書適合從事網(wǎng)頁設(shè)計(jì)、網(wǎng)站制作、Web程序開發(fā)和Web標(biāo)準(zhǔn)化等人員學(xué)習(xí)和使用，也可作為高等院校相關(guān)專業(yè)的教學(xué)和參考用書以及各類社會培訓(xùn)機(jī)構(gòu)的培訓(xùn)用書。

內(nèi)容概要

　　《CSS+DIV網(wǎng)頁設(shè)計(jì)開發(fā)技術(shù)與實(shí)例應(yīng)用》對CSs+DIV技術(shù)應(yīng)用于各種網(wǎng)頁元素的方法和過程進(jìn)行了深入地剖析與介紹，系統(tǒng)地講述了如何利用CSS+DIV技術(shù)控制文字、圖片、表格、背景以及導(dǎo)航菜單等網(wǎng)頁元素的方法，結(jié)合實(shí)際網(wǎng)頁制作中可能遇到的問題，提供解決的思路、方法和技巧。書中重點(diǎn)講解了幾種典型的布局方式，從實(shí)際案例入手，讓讀者在學(xué)習(xí)CSS+DIV應(yīng)用技術(shù)的同時(shí)掌握其精髓。各案例與實(shí)例按照由淺入深、由易到難的順序編排，即使是初學(xué)者也可以輕松掌握CSS+DIV技術(shù)的布局方式，制作出精美實(shí)用的網(wǎng)頁作品?！　∪珪兴械陌咐c實(shí)例都是編譯通過的?！禖SS+DIV網(wǎng)頁設(shè)計(jì)開發(fā)技術(shù)與實(shí)例應(yīng)用》所有源代碼與相關(guān)素材均可以在國防工業(yè)出版社網(wǎng)站免費(fèi)下載?！禖SS+DIV網(wǎng)頁設(shè)計(jì)開發(fā)技術(shù)與實(shí)例應(yīng)用》適合從事網(wǎng)頁設(shè)計(jì)、網(wǎng)站制作等相關(guān)工作的專業(yè)人員學(xué)習(xí)和使用，還可作相關(guān)專業(yè)的教材使用。

書籍目錄

第一章　CSS基礎(chǔ)　1.1　CSS概述　　1.1.1　CSS的定義　　1.1.2　CSS的基本語法　1.2　CSS選擇器　　1.2.1　標(biāo)簽選擇器　　1.2.2　選擇器組　　1.2.3　類選擇器　　1.2.4　ID選擇器　　1.2.5　相鄰選擇器　　1.2.6　后代選擇器　1.3　CSS的繼承　1.4　CSS優(yōu)先級　　1.4.1　原則　　1.4.2　原則二　　1.4.3　原則三　　1.4.4　原則四　1.5　CSS鏈接　　1.5.1　內(nèi)嵌式樣式表　　1.5.2　鏈接式樣式表　　1.5.3　輸入樣式表　　1.5.4　行內(nèi)樣式表第二章　文字效果　2.1　文字的基本樣式　　2.1.1　字體樣式　　2.1.2　字體顏色　　2.1.3　字體大小　　2.1.4　字體加粗　　2.1.5　字體傾斜　　2.1.6　字體下劃線、頂劃線、刪除線　2.2　文本效果　　2.2.1　行距　　2.2.2　文字與單詞間距　　2.2.3　首行縮進(jìn)　　2.2.4　水平對齊方式　　2.2.5　垂直對齊方式　　2.2.6　首字下沉　2.3　偽類　2.4　文字實(shí)例第三章　背景效果　3.1　背景色的定義　3.2　自定義背景圖　3.3　重復(fù)背景　3.4　背景位置　3.5　背景實(shí)例第四章　邊框設(shè)計(jì)　4.1　邊框的定義　　4.1.1　邊框樣式　　4.1.2　邊框顏色　　4.1.3　邊框?qū)挾取　?.1.4　邊框?qū)傩浴　?.1.5　獨(dú)立邊框　4.2　表格邊框第五章　DIV層　5.1　DIV概述　　5.1.1　使用DIV　　5.1.2　定~LDIV　　5.1.3　決級標(biāo)簽　　5.1.4　行級標(biāo)簽　5.2　盒子模型　　5.2.1　盒子模型概述　　5.2.2　外補(bǔ)丁　　5.2.3　內(nèi)補(bǔ)丁　　5.2.4　浮動　5.3　網(wǎng)頁布局模式　　5.3.I網(wǎng)頁布局概述　　5.3.2　一列布局　　5.3.3　兩列布局　　5.3.4　三列布局第六章　圖片效果　6.1　圖片邊框　6.2　自適應(yīng)大小　6.3　陰影效果第七章　溢出和剪切　7.1　overflow的使用　7.2　text-overflow的使用第八章　CSS濾鏡　8.1　Alpha濾鏡　8.2　Chroma濾鏡　8.3　Glow濾鏡　8.4　Shadow濾鏡　8.5　Wave濾鏡第九章　菜單導(dǎo)航制作　9.1　橫向?qū)Ш讲藛巍?.2　豎向?qū)Ш讲藛巍?.3　變換顏色的導(dǎo)航菜單　9.4　滑動門菜單　9.5　CSS圓角菜單　9.6　下拉菜單第十章　實(shí)例應(yīng)用　10.1　按鈕的制作　10.2　CSS分頁效果　10.3　CSS相冊滑動瀏覽效果　10.4　博客列表制作　10.5　圖文混排CSS列表第十一章　個(gè)人博客網(wǎng)站設(shè)計(jì)　11.1　整體布局構(gòu)思　11.2　網(wǎng)站TOP制作　11.3　網(wǎng)站Content制作　11.4　網(wǎng)站Bottom制作附錄　CSS書寫規(guī)范參考文獻(xiàn)　

章節(jié)摘錄

　　第一章CSS基礎(chǔ)　　在網(wǎng)頁上使用HTML定位文字和圖像比較復(fù)雜，必須用表格標(biāo)簽和隱式GIF圖像，但即使這樣也不能準(zhǔn)確定位，因?yàn)椴煌臑g覽器和操作平臺的顯示結(jié)果也不同。通過學(xué)習(xí)CSS的屬性，可以精確地設(shè)定要素位置，并將定位的要素進(jìn)行疊加。CSS可以同時(shí)控制多重頁面的樣式和布局，能夠?yàn)槊總€(gè)HTML元素定義樣式，并將其應(yīng)用于頁面設(shè)計(jì)中?！　?.1　CSS概述　　網(wǎng)頁的主要組成可分為三個(gè)部分：結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior），對應(yīng)的標(biāo)準(zhǔn)也分三個(gè)方面：結(jié)構(gòu)標(biāo)準(zhǔn)、表現(xiàn)標(biāo)準(zhǔn)和行為標(biāo)準(zhǔn)。結(jié)構(gòu)標(biāo)準(zhǔn)的語言主要是指XHTML和XML；表現(xiàn)標(biāo)準(zhǔn)的語言主要是指CSS；行為標(biāo)準(zhǔn)的語言主要是指對象模型如W3C DOM，ECMAScript等。　　1.1.1　CSS的定義　　網(wǎng)頁設(shè)計(jì)最初是用HTML標(biāo)記來定義頁面文檔及格式，例如標(biāo)題、段落、表格和鏈接等，但這些標(biāo)記不能滿足更多的文檔樣式需求。為了解決這個(gè)問題，在1997年W3C（The World Wide Web Consortium）頒布HTML4標(biāo)準(zhǔn)的同時(shí)也發(fā)布了有關(guān)樣式表的第一個(gè)標(biāo)準(zhǔn)CSS1之后，又在1998年5月發(fā)布了CSS2版本，樣式表得到了更多的充實(shí)。W3C把DHTML（Dynamic HTML）分為三個(gè)部分來實(shí)現(xiàn)：腳本語言（包括JavaScript和Vbscript等）、支持動態(tài)效果的瀏覽器（包括Interact Explorer和NetscapeNavigator等）和CSS樣式表?！　SS（Cascading Style Sheet，可譯為“層疊樣式表”或“級聯(lián)樣式表”）是一組格式設(shè)置規(guī)則，用于控制Web頁面的外觀。通過使用CSS樣式設(shè)置頁面的格式，可將頁面的內(nèi)容與表現(xiàn)形式分離。頁面內(nèi)容存放在HTML文檔中，而用于定義表現(xiàn)形式的CSS規(guī)則存放在另一個(gè)文件中或作為HTML文檔的某一部分，通常為文件頭部分。將內(nèi)容與表現(xiàn)形式分離，不僅可使維護(hù)站點(diǎn)的外觀更加便捷，而且還可以使HTML文檔代碼更加簡練，縮短瀏覽器的加載時(shí)間。

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    CSS+DIV網(wǎng)頁設(shè)計(jì)開發(fā)技術(shù)與實(shí)例應(yīng)用 PDF格式下載

---