我聽過很多人推薦使用border:none,因為其理由是客戶端的渲染。 乍聽之下會覺得:嗯,有道理,又學到東西了呵…… 其實,很多時候,代碼是死的,沒有絕對的好與壞! 在相對論面前,神馬都是浮云……
要想明白哪種寫法最適合你當前的環境,那么就必須先了解這兩種寫法的含義及優缺點:
一、border:0 含義:
它代表著邊框:大小為0,在瀏覽器解析后的結果是沒有邊框 優點1:在寫的時候,少寫三個字母,這代表在寫代碼時,這種寫法的效率更高 優點2:比另外一種寫法少了三個字節,這代表它在體積上更節約了,減低了服務端的負擔 缺點:瀏覽器在解析它的時候,會認為是(邊框:其它的默認渲染依然存在,比如solid?比如red?僅是大小為0)
二、border:none 含義:
它代表著邊框:沒有,在瀏覽器解析后的結果,未必是所有元素都沒有邊框,試試input如何? 優點1:瀏覽器在解析它的時候,會認為是(邊框:什么也沒有,不渲染任何樣式),不同于border:0,它畢竟還是有渲染的,但border:none是徹底無視,所以當瀏覽器在看它border:none時,就選擇了路過……! 缺點:請參考border:0的優點
那么讀到了這里,你會不會這樣理解?
border:0是為了服務端而服務的,它算是減輕了服務器的壓力 border:none是為了客戶端而服務的,它算是減輕了瀏覽器的壓力
那么,你現在決定了選擇哪種寫法?
我個人是無論大小網站,基本都選擇border:0的 因為就網站而言,我覺得服務器的壓力大于瀏覽器,因為服務器只有一個,而瀏覽器,有N個…… 如果你的是大網站,你的服務器有多牛?千萬別小看一句寫法少了三個字節,千萬別認為是"三個字節而已" 反之,如果是小網站,你的代碼要有多復雜,才會讓瀏覽器負荷到造成你瀏覽產生困擾的地步?從而必須要選擇border:none去優化? 或許你不認同這種觀點,那么我們換一種觀點?用一些小學知識去理解怎么樣?
OK!
border:0有兩個優點; border:none只有一個優點;
|
新聞熱點
疑難解答