分類目錄

贊助商

熱門標(biāo)簽

搜索

    2017年7月28日
    • 如何讓某一DIV層顯示在上面?z-index解決問題
    • 在網(wǎng)頁設(shè)計時,有時遇到某個DIV內(nèi)容被其他層覆蓋擋住了,怎么辦呢?我們?nèi)绾巫屇骋籇IV層顯示在上面?其實,使用css屬性 z-index 就能解決問題。

    2017年7月27日
    • 鼠標(biāo)移到圖片上圖片放大【css3實例】
    • 在現(xiàn)在的網(wǎng)頁設(shè)計中,鼠標(biāo)移到圖片上圖片放大的效果常常被用到,這個效果多應(yīng)用于文章列表里。我一開始以為是用JQuery來實現(xiàn)的,后來才知道原來是用CSS3來實現(xiàn)的,用CSS3來實現(xiàn)會更加簡單和方便。本文將介紹如何用CSS3來實現(xiàn)這個功能。

    2017年7月25日
    • 【實例】CSS3畫一個半圓的方法
    • 本文將繼續(xù)介紹用CSS3來畫一個半圓的方法。 CSS3畫一個半圓無論圓角、圓弧、實心圓、半圓,css3的實現(xiàn)代碼都是 border-radius 屬性,border-radius 不但可以定義圓半徑和圓角大小,還可以設(shè)置圓弧的方向,進(jìn)而畫出各種方向的半圓。

    2017年7月24日
    • 純CSS實現(xiàn)圓角樣式的4種寫法,比CSS3兼容性更好
    • 在前文中介紹過CSS3實現(xiàn)圓角的方法,代碼更少更簡單,不過由于其不兼容IE8瀏覽器,所以就目前IE8仍然占一定用戶比例的情況下,CSS3要完全取代CSS還不太現(xiàn)實。因此本文將介紹純CSS實現(xiàn)圓角的4種寫法,該方法對比CSS3的優(yōu)勢是不用考慮瀏覽器的兼容問題。

    2017年7月24日
    • css3畫實心圓和圓角的方法
    • 當(dāng)你要用到一個圓形icon的時候,你可能想到通過圖片軟件來制作,在css3之前,大家都是通過圖片+css來實現(xiàn)各種各樣的樣式效果?,F(xiàn)在,我們用css3的代碼,輕松就能畫出實心圓了。

    2017年7月13日
    • 【css3動畫】圓波擴(kuò)散效果
    • 圓波擴(kuò)散動畫效果,就是一個圓由中心向四周循環(huán)擴(kuò)散的動畫效果。圓波擴(kuò)散動畫效果應(yīng)用非常廣泛,例如可以用來表示某一個位置的狀態(tài)信息,在網(wǎng)頁設(shè)計中,常常被用來作為登錄或切換頁面時的等待狀態(tài)。本文將使用純CSS3實現(xiàn)上圖動畫效果。

    2017年6月21日
    • 各種計算公式符號和特殊符號的網(wǎng)頁HTML代碼
    • 要在網(wǎng)頁上顯示各種算式的符號的時候,我們大多數(shù)人是先在Word里插入,然后復(fù)制粘貼到網(wǎng)頁里,不過要在網(wǎng)頁上顯示各種計算符號和特殊符號,還是建議用轉(zhuǎn)義字符串。本文收集了各種計算符號和特殊符號的HTML代碼,在編寫網(wǎng)頁代碼時可直接使用,值得收藏,以作備用。

    2017年6月21日
    • 乘號(x)、除號(÷)、雙引號(")等字符實體的HTML代碼
    • 有的時候我們要用HTML代碼來輸出顯示乘號(×)、除號(÷)、雙引號(")等字符實體,例如需要顯示某個計算公式的時候。其實幾乎所有的字符實體(尤其是大量的特殊字符)都有其對應(yīng)的HTML代碼的寫法,本文將給大家介紹各種字符實體的HTML寫法。

    2016年12月30日
    • 不注意這點,\9和\0就可能對hack IE11\IE9\IE8無效
    • 每次設(shè)計一張網(wǎng)頁或一個表單,都對各種瀏覽器的兼容問題傷透腦筋,尤其是IE家族。在做兼容性設(shè)計時,我們往往會使用各種瀏覽器能識別的獨特語法進(jìn)行hack,從而達(dá)到各種瀏覽器下顯示正常的目的。其中,我們用得最多莫屬于\9和\0了。\9和\0是hack IE8、IE9、IE11的獨特標(biāo)識。但是問題來了,\9和\0到底怎樣hack IE8、IE9、IE11這三個瀏覽器?

    2016年11月25日
    • Font Awesome實現(xiàn)文字鏈右邊加一個箭頭圖標(biāo)
    • 在上一篇文章里介紹了用css背景圖實現(xiàn)文字鏈右邊加一個箭頭圖標(biāo)的方法,本文將介紹用Font Awesome實現(xiàn)文字鏈右邊加一個箭頭圖標(biāo)的方法。 Font Awesome是一個圖標(biāo)字體庫,包含300多種常見小圖標(biāo),如小箭頭之類的icon,使用起來相當(dāng)方便,只需引用一個css文件,是現(xiàn)在網(wǎng)頁設(shè)計師常用的插件之一。

    2016年11月25日
    • css背景圖實現(xiàn)文字鏈右邊加一個箭頭圖標(biāo)
    • 許多知名網(wǎng)站都在文字鏈的右邊加一個箭頭圖標(biāo),例如Google站長管理后臺,Alexa官網(wǎng)等,這樣設(shè)計的好處是讓鏈接更醒目,更容易辨認(rèn)。文字鏈右邊加一個箭頭圖標(biāo)的方法,多數(shù)人是使用css背景圖來實現(xiàn),包括上面提到的Google站長管理后臺,Alexa官網(wǎng)等。是的,這種方法最容易掌握和應(yīng)用。這正是本文要介紹的實現(xiàn)方法。

    2016年11月15日
    • li inside-block在IE11換行無效的原因
    • 近日在做一個網(wǎng)頁標(biāo)簽列表,要求不能換行,一開始以為比較容易,三兩下就把代碼寫完了,并且在Firefox和Chrome瀏覽器測試通過,不過,在IE11一看,卻出人意料的沒有達(dá)到預(yù)期效果,li inside-block在IE11里竟然無效!照樣換行!為何無效?難道代碼還要hack一下IE11?

    2016年10月19日
    • css實現(xiàn)div或table居中,文字不居中【Chrome/Firefox/IE測試通過】
    • 之前設(shè)計網(wǎng)頁,如果希望div或table居中,總是用<center></center>把它包起來,但是這樣的結(jié)果,div或table雖然居中了,但div或table里面的文字也居中了,這是不符合設(shè)計者意愿的。那么,我們能否用css實現(xiàn)div或table居中,文字不居中呢?答案是肯定的,本文將給你介紹如何實現(xiàn)此效果。

    2016年10月17日
    • IE7/IE8/IE9/IE11 CSS hack 寫法
    • IE7、IE8、IE9、IE11雖然同屬IE家族,但他們在網(wǎng)頁渲染時,對css屬性的識別卻不盡相同,因此,我們會發(fā)現(xiàn)網(wǎng)頁在IE9瀏覽好好的,卻在IE11上瀏覽時出現(xiàn)錯亂的問題。本文將舉例介紹IE家族IE7、IE8、IE9、IE11的css hack的問題,了解它們之間的差異,從而能夠?qū)懗黾嫒菪粤己玫腸ss代碼。

    2016年10月9日
    2016年10月7日
    • 3個Blockquote的css樣式【css3實現(xiàn)】
    • 有關(guān)Blockquote的css樣式,上一篇已經(jīng)介紹了《5個Blockquote的css樣式》,不過,那是使用css1的寫法,要借助雙引號的圖片和span、div等標(biāo)簽來完成。今天將介紹3個使用css3來實現(xiàn)的Blockquote樣式,代碼更簡潔,并且無需借助圖片,推薦使用。

    2016年10月3日
    • 5個Blockquote的css樣式
    • Blockquote標(biāo)簽多用于文章引用內(nèi)容的時候,這里將介紹8個blockquote的css樣式,通過實例,讓大家進(jìn)一步了解blockquote的用法。

    2015年11月16日
    • css實現(xiàn)超出div長度文字自動隱藏或用省略號表示
    • 在網(wǎng)頁設(shè)計中,一些區(qū)域的標(biāo)題文字是不能換行的,例如首頁顯示的文章標(biāo)題,因為布局是固定的,換行會打亂布局,從而使網(wǎng)頁產(chǎn)生錯位。因此,我們需要一行一段文字,超出行寬的文字用省略號表示或者直接去掉不用省略號代替。

    2015年9月21日
    • IE11 hack css的符號原來是“#”號
    • 今天用IE11使用卡卡網(wǎng)的網(wǎng)站速度診斷工具時,發(fā)現(xiàn)選項的排版是錯位的,我大吃一驚,因為該工具上線有半年多時間了,開發(fā)時是經(jīng)過了多瀏覽器兼容性測試的,當(dāng)時測試的瀏覽器有IE8、IE9、Chrome、360、Firefox,之所以沒有IE11,是因為認(rèn)為只要通過IE9就可以通過IE11了,但實際上現(xiàn)在發(fā)現(xiàn)是不行的。

    2015年8月27日
    • max(min)-device-width和max(min)-width的區(qū)別
    • 在網(wǎng)頁自適應(yīng)設(shè)計中,max-device-width和max-width是不可缺少的兩大CSS屬性,但是可能大家在使用的選擇上沒有太多講究,認(rèn)為用其中一個即可。不過如果你對此兩個屬性有了充分的認(rèn)識之后,你或許把網(wǎng)頁的自適應(yīng)設(shè)計得更為極致一些。

    2015年8月9日
    • css區(qū)分ie8/ie9/ie10/ie11 chrome firefox的代碼
    • 網(wǎng)站兼容性調(diào)試實在令人煩心,今天,我就把這幾個主要瀏覽器的CSS hack代碼匯總一下,滿足如下的瀏覽器要求:IE8、IE9、IE10、IE11、Chrome、Firefox,由于360使用的是Chrome內(nèi)核,所以滿足Chrome基本就滿足了360。

    2013年9月25日
    • span標(biāo)簽寫法問題導(dǎo)致ie8 hover失效
    • hover在css里比較常見,多用于菜單或一些按鈕上的鼠標(biāo)事件,用法也比較簡單,不難掌握。不過在瀏覽器兼容性測試中,發(fā)現(xiàn)ie瀏覽器對hover還是很挑剔的,html寫法會影響hover是否有效。

    2012年8月30日
    • css實現(xiàn)文章每個段落開頭自動縮進(jìn)兩個空格
    • 我寫文章,喜歡段落開頭空兩格,以前,我都是手動敲兩個空格進(jìn)去,后來,我發(fā)現(xiàn),有的文章的每個段落開頭并沒有空格符,而在網(wǎng)頁上顯示時照樣會縮進(jìn)兩個空格。這就是菜鳥和專家的差別。

分頁:«123456789»