隨筆分類 -  (X)HTML/CSS

摘要： 　　CSS學起來并不難，但在大型項目中，就變得難以管理，特別是不同的人在CSS書寫風格上稍有不同，團隊上就更加難以溝通，為此總結(jié)了一些如何實現(xiàn)高效整潔的CSS代碼原則，希望這些原則能幫助您更好的書寫和管理您的CSS代碼： 1. 使用Reset但并非全局Reset 2. 良好的命名習慣 3. 使用代碼縮寫 ... 13. 代碼壓縮 閱讀全文

摘要： 　　本教程將分步講解如何使用JQuery和CSS打造一個炫酷動感菜單。jQuery的"write less, do more"的特性可謂是家喻戶曉，即使沒有很豐富JS編程經(jīng)驗的人，也可以通過其提供的API很快學會如何使用，本文將分三步講解如何實現(xiàn)一個動態(tài)下滑菜單。 Step1 - HTML結(jié)構(gòu) Step2 - CSS樣式 Step3 - JavaScript代碼 閱讀全文

摘要： 　　近年來，CSS不透明算得上是一種相當流行的技術(shù)，但在跨瀏覽器支持上，對于開發(fā)者來說，可以說是一件令人頭疼的事情。目前還沒有一個通用方法，以確保透明度設置可以在目前使用的所有瀏覽器上有效。 　　這篇匯總主要是提供一些CSS不透明的詳細介紹，代碼示例和解釋，以實現(xiàn)這項有用的CSS技術(shù)在您的項目中兼容所有瀏覽器。 　　關于CSS 透明度，有一點需要注意的是，它雖然使用了很多年，但它一直以來都不是一個標準屬性。它是一種非標準技術(shù)，應該是CSS3規(guī)范的一部分。 閱讀全文

摘要： 　　面試某公司的時候，面試官問到，導致瀏覽器崩潰的原因有哪些？愚輩不才，僅回答出了內(nèi)存泄漏。其實在網(wǎng)頁在裝載的過程中，常常由于種種原因使瀏覽器的反映變的很慢，或造成瀏覽器失去響應，甚至會導致機器無法進行其他的操作。 　　對于訪客，如果登錄您網(wǎng)站，瀏覽器就立刻崩潰，我想這對誰都是無法容忍的，對此總結(jié)了網(wǎng)站導致瀏覽器崩潰的原因： 1. 內(nèi)存泄漏 2. 網(wǎng)頁代碼復雜和瀏覽器bug p class="mk_titl 閱讀全文

摘要： 　　瀏覽器兼容可以說是前端開發(fā)所要面對的第一個挑戰(zhàn)，目前我的電腦上已經(jīng)安裝了6種瀏覽器（基于IE內(nèi)核的不算，如Maxthon等）。 　　CSS hacks利用瀏覽器的漏洞來隱藏特定瀏覽器的CSS規(guī)則。實現(xiàn)瀏覽器兼容主要有兩種方式條件樣式表和CSS Hacks（Selector Hacks、Attribute Hacks）。對此根據(jù)一些資料匯總了一些CSS Hacks方法。 文章的主要內(nèi)容包括： 1.條件樣式表2.選擇器Hacks（Selecto 閱讀全文

摘要： 　　這篇文章是5個你應該很熟悉的有用的CSS屬性，但很可能會很少使用。我不是在談論新的設想的CSS3屬性。我指的是舊的CSS2中的屬性，如：clip, min-height, white-space, cursor, 和 display，這些被所有的瀏覽器廣泛支持。所以，不要錯過這篇文章因為你可能會驚訝他們是多么有用。 本文的主要內(nèi)容有： 1.CSS Clip 2.Min-height 3.White-space 4. C 閱讀全文

摘要： 盒子模型（Box Model）是從CSS誕生之時便產(chǎn)生的一個概念，對網(wǎng)頁中的大部分對象，實際呈現(xiàn)形式就是一個盒子形狀對象（即塊狀對象），對于這個基礎又重要的概念，只要掌握盒子模型的尺寸及占位的標準技術(shù)方法，那就可以靈活駕馭盒子模型了！ 閱讀全文