1、 css動(dòng)態(tài)偽類選擇器,學(xué)習(xí)CSS看什么書?
1. Pro HTML5 Programming 作者:Peter Lubbers, Brian Albers, Frank Salim
這本書適合有豐富編程經(jīng)驗(yàn)的Web應(yīng)用開發(fā)者。換言之,我們不會(huì)在這本書中介紹互聯(lián)網(wǎng)發(fā)展的基礎(chǔ)知識(shí)。這本書中有許多現(xiàn)成的資源可以加快學(xué)習(xí)Web編程原理。 2. HTML5 Up and Running 作者:Mark Pilgrim
書中的8個(gè)重點(diǎn)主題:
新的元素,如<Header>,<footer>和<section>(第3章)
canvas元素,使用 JavaScript 在網(wǎng)頁(yè)上繪制圖像。(第4章)
-你可以在網(wǎng)頁(yè)中嵌入視頻,而不使用第三方插件(第5章)。
Geolocation,借助它,瀏覽者可以在你的Web應(yīng)用中分享自己的地理位置(第6章)。
永久的本地存儲(chǔ),而不用使用第三方插件(第7章)。
離線Web應(yīng)用,即使網(wǎng)絡(luò)中斷也能工作(第8章)。
HTML網(wǎng)頁(yè)窗體的改進(jìn)(第9章)。
Microdata,讓你創(chuàng)造屬于自己的詞匯表,并使用自定義的語(yǔ)言來擴(kuò)展你的網(wǎng)頁(yè)。(第10章)
3. HTML5 Canvas: For Games and Entertainment 作者:Rob Hawkes
關(guān)于作者:Rob Hawkes擅長(zhǎng)通過代碼解決問題。他沉迷于可視化編程,而不僅僅局限于HTML5以及其他令人興奮的Web新功能的研究。 4. The essential guide to HTML5 作者:Jeanine Meyer
這本書適合那些想通過HTML5建立充滿活力、令人興奮的網(wǎng)站的開發(fā)者。如果你了解編程的相關(guān)知識(shí),并希望知道HTML5能帶給你什么,或者你沒有任何編程經(jīng)驗(yàn),這本書都很適合你。這本書將展示HTML5的新功能和神秘的編程藝術(shù)。編程是一門藝術(shù),而開發(fā)有趣的游戲和其它應(yīng)用程序則需要天賦。 5. Sergey’s HTML5 & CSS3 Quick Reference 作者: Sergey Mavrody.
這本書是適合于專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師和開發(fā)人員的技術(shù)字典,它總結(jié)了超過3000頁(yè)的HTML5和CSS3規(guī)則,涵蓋了最常見的基本概念和規(guī)則,包括標(biāo)簽、屬性、值、對(duì)象、屬性、方法、事件和API。 主題包括:
HTML 5介紹。
HTML5和XTML5語(yǔ)法規(guī)則。
文檔的語(yǔ)義結(jié)構(gòu)。
HTML5元素、屬性、Web 2.0的完整參考。
全局屬性和事件。
一個(gè)完整的CSS3屬性總結(jié)。
HTML5 API,包括Canvas、SVG、Video、Audio、Web Workers、Web Sockets、Microdata、Geolocation和Web Stroage等。
6. HTML5 for Dummies
出版社:Wiley Publishing Inc
HTML是網(wǎng)頁(yè)制作的首選編程語(yǔ)言,而HTML5擁有全新的特性。從本書中你會(huì)了解豐富的媒體應(yīng)用、地理位置、數(shù)據(jù)庫(kù)、移動(dòng)能力、CSS和JavaScript的新應(yīng)用,以及如何使用新的canvas標(biāo)簽。 本書概覽:
瀏覽器支持的新工具。
媒體原理,包括視頻標(biāo)簽。
CSS中附加的偽類。
新的表單輸入類型。
如何添加陰影和豐富多彩的形狀。
創(chuàng)建Web套接字連接的提示。
Web工作者如何提高工作效率。
創(chuàng)建動(dòng)畫的步驟。
7. HTML5 Canvas 作者:Steve Fulron 、Jeff Fulron
HTML5 Canvas,為開發(fā)者提供了在普通的Web瀏覽器中使用常用的HTML和JavaScript創(chuàng)造動(dòng)畫圖形的機(jī)會(huì)。Canvas是HTML5的最明顯的特性之一,它提供了極大的視覺效果和交互性。然而,它不同于典型的JavaScript、Flash、Silverlight開發(fā),需要認(rèn)真的去探索! 本書分為11章,前四章,主要通過實(shí)例介紹HTML Canvas API,所涵蓋的主題包括文本、圖像和繪圖。接下來的六章主要介紹了Canvase API的擴(kuò)展應(yīng)用,在這些章節(jié)中,我們討論了數(shù)學(xué)和物理的應(yīng)用、視頻、音頻、游戲和移動(dòng)應(yīng)用。最后一章介紹了3D和multiplayer的實(shí)驗(yàn)領(lǐng)域。
2、 css設(shè)計(jì)器怎么用?
1、首先打開DreamweaverCC2018軟件新建一個(gè)html文件,在右上角點(diǎn)擊CSS設(shè)計(jì)器,并在下方點(diǎn)擊加號(hào),然后選擇創(chuàng)建新的CSS文件:
2、在創(chuàng)建窗口中,點(diǎn)擊瀏覽按鈕。
3、然后選擇站點(diǎn)創(chuàng)建好CSS文件夾,然后輸入創(chuàng)建的CSS的名字,點(diǎn)擊保存插件文件:
4、然后把添加為設(shè)置成鏈接,點(diǎn)擊確定按鈕:
5、添加完成后就可以在右側(cè)的站點(diǎn)中的CSS文件夾下看到剛創(chuàng)建好的CSS樣式表文件了:
6、此時(shí)在html文件中的head標(biāo)簽中,就多了一行鏈接到CSS文件的代碼。在頂部tab標(biāo)簽中也可以看到鏈接的樣式表:
7、接下來在html網(wǎng)頁(yè)編輯頁(yè)面,在body標(biāo)簽中輸入一個(gè)div:
8、然后在頂部tab標(biāo)簽中選擇剛才創(chuàng)建的CSS樣式表,并在樣式表中寫一個(gè)樣式,命名為aaa,并按下快捷鍵Ctrl+S保存樣式表:
9、最后回到html編輯頁(yè)面,在div標(biāo)簽中引入class,輸入剛才寫的樣式的名稱aaa并保存網(wǎng)頁(yè):
10、最后點(diǎn)擊頂部的設(shè)計(jì)按鈕,就可以看到實(shí)時(shí)效果了,此時(shí)css文件就成功鏈接進(jìn)去了:
3、 css樣式鏈接怎么設(shè)置?
CSS可通過不同屬性以各種不同方式來設(shè)置鏈接的樣式;例如:使用color屬性設(shè)置鏈接顏色、使用text-decoration屬性去掉下劃線等等。還可以通過:link、:visited、:hover、:active設(shè)置不同狀態(tài)的鏈接
在討論CSS屬性之前,先了解鏈接的狀態(tài)是非常重要的。鏈接可以存在于不同的狀態(tài),并且可以使用偽類進(jìn)行樣式設(shè)置。4、 偽類選擇器和偽元素選擇器的區(qū)別?
偽元素和偽類之所以這么容易混淆,是因?yàn)樗麄兊男Ч愃贫覍懛ㄏ喾拢珜?shí)際上 css3 為了區(qū)分兩者,已經(jīng)明確規(guī)定了偽類用一個(gè)冒號(hào)來表示,而偽元素則用兩個(gè)冒號(hào)來表示。