經(jīng)過前面html的學(xué)習(xí),在進(jìn)入到CSS的學(xué)習(xí)的時(shí)候順利了很多,但是在學(xué)習(xí)途中還是遇到了一些難點(diǎn),下面就是我個(gè)人的一些小總結(jié)::
1.textarea在FireFox中不能自動(dòng)換行的處理:
有時(shí)我們可能會(huì)遇到這種現(xiàn)象,在IE中可以自動(dòng)換行,但在FF中就是不行,即使加了word-break:break-all;word-warp:warp;也沒有效果,主要原因是因?yàn)槲覀兗尤氲絫extarea中的英文字符或代碼過長,造成它誤識別為一個(gè)單詞所致。解決方法就是在內(nèi)容中,人為加一些空格,讓FF自動(dòng)識別為多個(gè)單詞,從而就能正確換行了。
2.雖然我們平時(shí)在寫CSS的時(shí)候都是用小寫,但其實(shí)CSS并不是大小寫敏感的。
3.一些互斥的元素
a.對于absolute和fixed定位的(固定大小,設(shè)置了width和height屬性)元素,如果設(shè)置了top和left屬性,那么設(shè)置bottom和right值就沒有作用了,應(yīng)該是top和left優(yōu)先級高,否則同時(shí)寫了瀏覽器怎么知道按照誰定位
b.對于absolute和fixed定位的元素,如果設(shè)置了top、left、bottom、right的值后margin屬性也就不起作用了
c.對于absolute和fixed定位的元素,如果設(shè)置了top、left、bottom、right的值后float屬性同樣會(huì)失效
d.塊元素如果設(shè)置了float屬性或者是absolute、fixed定位,那么vertical-align屬性不再起作用
4.難在對各屬性的理解和web標(biāo)準(zhǔn)化的掌握上,有些效果相似的屬性容易讓人迷惑,不同瀏覽器的標(biāo)準(zhǔn)不同很容易出兼容性問題,這又考驗(yàn)對CSS的理解和掌握了。
其實(shí)上面的總結(jié)在江哥的視頻都是說得很清楚的,只是有些效果相似的屬性容易讓人迷惑,不同瀏覽器的標(biāo)準(zhǔn)不同很容易出兼容性問題,所以才會(huì)出現(xiàn)一些疑惑,在上課的時(shí)候一開始有點(diǎn)不明白,后來回去又重新把江哥的視頻看一遍之后,才漸漸的把思路理清。
? ? ? ? ? ? ? ? ? ? ? 學(xué)HTML5就選李南江,選培訓(xùn)機(jī)構(gòu)我只選小碼哥(www.520it.com)