css有哪些ui狀態(tài)偽類選擇器,學(xué)習(xí)CSS看什么書(shū)?
1. Pro HTML5 Programming 作者:Peter Lubbers, Brian Albers, Frank Salim
這本書(shū)適合有豐富編程經(jīng)驗(yàn)的Web應(yīng)用開(kāi)發(fā)者。換言之,我們不會(huì)在這本書(shū)中介紹互聯(lián)網(wǎng)發(fā)展的基礎(chǔ)知識(shí)。這本書(shū)中有許多現(xiàn)成的資源可以加快學(xué)習(xí)Web編程原理。 2. HTML5 Up and Running 作者:Mark Pilgrim
書(shū)中的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ǔ)言來(lái)擴(kuò)展你的網(wǎng)頁(yè)。(第10章)
3. HTML5 Canvas: For Games and Entertainment 作者:Rob Hawkes
關(guān)于作者:Rob Hawkes擅長(zhǎng)通過(guò)代碼解決問(wèn)題。他沉迷于可視化編程,而不僅僅局限于HTML5以及其他令人興奮的Web新功能的研究。 4. The essential guide to HTML5 作者:Jeanine Meyer
這本書(shū)適合那些想通過(guò)HTML5建立充滿活力、令人興奮的網(wǎng)站的開(kāi)發(fā)者。如果你了解編程的相關(guān)知識(shí),并希望知道HTML5能帶給你什么,或者你沒(méi)有任何編程經(jīng)驗(yàn),這本書(shū)都很適合你。這本書(shū)將展示HTML5的新功能和神秘的編程藝術(shù)。編程是一門藝術(shù),而開(kāi)發(fā)有趣的游戲和其它應(yīng)用程序則需要天賦。 5. Sergey’s HTML5 & CSS3 Quick Reference 作者: Sergey Mavrody.
這本書(shū)是適合于專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)人員的技術(shù)字典,它總結(jié)了超過(guò)3000頁(yè)的HTML5和CSS3規(guī)則,涵蓋了最常見(jiàn)的基本概念和規(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擁有全新的特性。從本書(shū)中你會(huì)了解豐富的媒體應(yīng)用、地理位置、數(shù)據(jù)庫(kù)、移動(dòng)能力、CSS和JavaScript的新應(yīng)用,以及如何使用新的canvas標(biāo)簽。 本書(shū)概覽:
瀏覽器支持的新工具。
媒體原理,包括視頻標(biāo)簽。
CSS中附加的偽類。
新的表單輸入類型。
如何添加陰影和豐富多彩的形狀。
創(chuàng)建Web套接字連接的提示。
Web工作者如何提高工作效率。
創(chuàng)建動(dòng)畫(huà)的步驟。
7. HTML5 Canvas 作者:Steve Fulron 、Jeff Fulron
HTML5 Canvas,為開(kāi)發(fā)者提供了在普通的Web瀏覽器中使用常用的HTML和JavaScript創(chuàng)造動(dòng)畫(huà)圖形的機(jī)會(huì)。Canvas是HTML5的最明顯的特性之一,它提供了極大的視覺(jué)效果和交互性。然而,它不同于典型的JavaScript、Flash、Silverlight開(kāi)發(fā),需要認(rèn)真的去探索! 本書(shū)分為11章,前四章,主要通過(guò)實(shí)例介紹HTML Canvas API,所涵蓋的主題包括文本、圖像和繪圖。接下來(lái)的六章主要介紹了Canvase API的擴(kuò)展應(yīng)用,在這些章節(jié)中,我們討論了數(shù)學(xué)和物理的應(yīng)用、視頻、音頻、游戲和移動(dòng)應(yīng)用。最后一章介紹了3D和multiplayer的實(shí)驗(yàn)領(lǐng)域。
如何讓ipad瀏覽器兼容ie8?
首先,在做項(xiàng)目前,我們一定要確認(rèn)是否需要兼容IE8~IE9,從剛開(kāi)始就注意兼容問(wèn)題,做起來(lái)就會(huì)很舒服,如果項(xiàng)目完成后做兼容,簡(jiǎn)直就是噩夢(mèng)。下面是我這幾天做IE8兼容遇到的一些問(wèn)題。
1、CSS樣式方面css樣式,盡量少用css3的這些偽類選擇器,如果使用了,在后期做兼容會(huì)很累,如果項(xiàng)目硬要兼容IE8+,那就請(qǐng)你從一開(kāi)始就避免這些偽類的使用吧。避免了最難解決的偽類問(wèn)題后,剩下的就是針對(duì)IE8 IE9做一些樣式上的微調(diào),將會(huì)異常輕松。
2、JS方面 2.1、IE8是不支持className選擇節(jié)點(diǎn)的,所以,最省時(shí)省力的方法,我們?cè)谶x擇節(jié)點(diǎn)時(shí),可以多使用jquery選擇器,說(shuō)實(shí)話,jQuery的兼容性還真的好。當(dāng)然如果你的父節(jié)點(diǎn)不是element,沒(méi)法用jq的時(shí)候,只能自己拓展了;解決IE8一下不支持getElementsByClassName的方法 - CSDN博客 這個(gè)博客的方法適合隨意指定父節(jié)點(diǎn),實(shí)測(cè)有效; 2.2、如果你要遍歷一個(gè)數(shù)組,請(qǐng)不要用map forEach,因?yàn)檫@些方法IE8 IE9都不支持,如 果你項(xiàng)目里用到了,修改起來(lái)很麻煩,那么就拓展一個(gè)map forEach方法吧。 2.
3、如果需要在文本框里添加placeholder,個(gè)人建議使用插件,將會(huì)有和原生瀏覽器一樣的效果。 推薦jquery.placeholder.js 這個(gè)插件 2.
4、現(xiàn)在大部分主流瀏覽器都支持bind,很不幸,IE8卻不支持,如果碰到了bind的兼容問(wèn)題,那么只能自己寫拓展了。 2.
5、IE8 IE9均不支持calssList屬性,如果用到了增刪class,那么只能自己寫拓展。給不支持classList的瀏覽器(IE9以及以下等)的元素添加classList屬性 - 麥兜的博客 - CSDN博客這個(gè)博客上有具體的代碼,當(dāng)然你復(fù)制下來(lái)運(yùn)行發(fā)現(xiàn)會(huì)報(bào)錯(cuò),你需要加上這句代碼window.HTMLElement = window.HTMLElement || Element;因?yàn)镮E不識(shí)別HTMLElement。 2.
6、如果你不小心用到了某個(gè)jq版本的text()方法,那么你要注意,有可能IE8不兼容,最好使用innerHTML 2.
7、IE8并不支持event.target,如果你不小心用了,會(huì)報(bào)錯(cuò) 找不到 target 屬性。這就取決于IE8的機(jī)制,event只能是window對(duì)象的一個(gè)屬性,所以我們這樣寫就能兼容IE8了;var event=window["event"]; 可以用 event.srcElement獲取你想要的節(jié)點(diǎn)對(duì)象。
css浮動(dòng)如何設(shè)置間距?
css浮動(dòng)如何設(shè)置間距是通過(guò)css的padding屬性或者是margin屬性,還有hover偽類屬性聯(lián)合完成 的,hover屬性指的是鼠標(biāo)懸浮的,然后設(shè)置padding屬性設(shè)置內(nèi)間距,paddign屬性為外邊距,word-spacing屬性增加或減少單詞間的空白(即字間隔);在這個(gè)屬性中,“字”定義為由空白符包圍的一個(gè)字符串
css中ui什么意思?
ui,界面的意思。CSS,是層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來(lái)表現(xiàn)HTML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)應(yīng)用)或XML(標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的一個(gè)子集)等文件樣式的計(jì)算機(jī)語(yǔ)言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁(yè),還可以配合各種腳本語(yǔ)言動(dòng)態(tài)地對(duì)網(wǎng)頁(yè)各元素進(jìn)行格式化。
CSS 能夠?qū)W(wǎng)頁(yè)中元素位置的排版進(jìn)行像素級(jí)精確控制,支持幾乎所有的字體字號(hào)樣式,擁有對(duì)網(wǎng)頁(yè)對(duì)象和模型樣式編輯的能力。