<code id="ymosk"><acronym id="ymosk"></acronym></code>
  • <strong id="ymosk"><input id="ymosk"></input></strong>
    <nav id="ymosk"></nav>
    <source id="ymosk"><input id="ymosk"></input></source>
  • <object id="ymosk"></object>

    分類目錄

    贊助商

    熱門標簽

    搜索

      2019年9月20日
      • 漂亮的css3圓形鼠標懸停效果實例
      • 本文將給大家介紹一個漂亮的css3圓形鼠標懸停效果,這個效果在產品展示或列表圖片中都可以應用,可以說是應用范圍挺廣泛的。

      2018年3月23日
      • a標簽空鏈接href=#與href=javascript:void(0)的區別
      • 我們在使用a標簽的空鏈接時,通常寫為 href=# 或者 href=javascript:void(0) ,這兩種寫法有什么區別呢?我想很多人都不會去深究,但是這兩種寫法出來的效果有時候是不一樣的。

      2018年2月27日
      • div層顯示/隱藏的6種常見效果
      • div層的顯示和隱藏在網頁設計中常常被用到,為了讓顯示/隱藏表現得生動一些,往往加些效果進去,如淡入淡出效果、滾動效果、縮放效果等等。本文將介紹div層顯示/隱藏的6種常見效果。

      2017年8月29日
      • 項目列舉 li 換行文字左邊不對齊【已解決】
      • 項目列舉 li 是常用的網頁內容布局排版標簽,其樣式也非常豐富,單單是列表項標記的類型(list-style-type),我們就有20多個選擇。今天談的問題是,項目列舉 li 換行文字左邊不對齊的問題。

      2017年8月25日
      • 純css實現的table表格樣式,教程站常用
      • 本文介紹一個table表格樣式,是一種很友好的看著很舒服的表格樣式,常見用于教程站里。這也是是個十分通用的table表格樣式,可以說大部分網頁都適用。

      2017年8月25日
      • 怎樣去掉a標簽點擊時的虛線邊框
      • 有的瀏覽器如Firefox,在a標簽(鏈接)點擊后會留下一個虛線邊框,影響美觀,我們如果想a標簽(鏈接)在點擊后不要留下虛線邊框,要怎么做呢?其實,我們可以從css來設置,達到要求。

      2017年8月2日
      • css實現漂亮的checkbox多選框和radio單選按鈕
      • html控件默認樣式都不好看,需要css來美化,本文介紹的checkbox多選框和radio單選按鈕也不例外,美化工作需要css+圖片來完成。此外,Javascript或JQuery腳本也是少不了的,不然提交表單時傳值就有問題。

      2017年8月1日
      • css實現漂亮的下拉菜單,簡單方便實用
      • 本文介紹用css實現的下拉菜單,簡單、方便、實用。為什么推薦用css實現的下拉菜單?因為html默認的 select 控件生成的下拉菜單樣式不好控制,不夠美觀,使用css打造的下拉菜單,樣式可以更加美觀,設計可以隨意發揮。

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

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

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

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

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

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

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

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

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

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

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

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

      2016年10月17日
      • IE7/IE8/IE9/IE11 CSS hack 寫法
      • IE7、IE8、IE9、IE11雖然同屬IE家族,但他們在網頁渲染時,對css屬性的識別卻不盡相同,因此,我們會發現網頁在IE9瀏覽好好的,卻在IE11上瀏覽時出現錯亂的問題。本文將舉例介紹IE家族IE7、IE8、IE9、IE11的css hack的問題,了解它們之間的差異,從而能夠寫出兼容性良好的css代碼。

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

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

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

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

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

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

    分頁:«12»
    微拍福利