ZY_Hydra跟著李南江學(xué)習(xí)HTML5—CSS學(xué)習(xí)

經(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)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,162評論 1 92
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表,主要用...
    寥寥十一閱讀 2,066評論 0 6
  • 學(xué)習(xí)筆記二之css 剛學(xué)完江哥的前端視頻的HTML部分,就迫不及待來重溫css了。 01 感想 學(xué)完HTML部分,...
    逅知后覺的凃兔閱讀 633評論 0 2
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,189評論 0 1
  • 剛讀完《天堂向左,深圳向右》,停不住思緒,趁著心頭還熱,且記。 一、打開一扇欲望的門,想關(guān)上便是難上加難。 二、浮...
    周仕健閱讀 321評論 0 0

友情鏈接更多精彩內(nèi)容