|
|
|
|
|
網(wǎng)速寬帶 無線網(wǎng)絡(luò) 免費WiFi 網(wǎng)絡(luò)診斷 系統(tǒng)優(yōu)化 windows ADSL寬帶 光纖寬帶 城市光網(wǎng) 智慧城市 網(wǎng)絡(luò)加速 網(wǎng)絡(luò)安全 網(wǎng)速測試 網(wǎng)絡(luò)工具 路由器 交換機 寬帶貓 網(wǎng)卡 蹭網(wǎng) 3G 4G 資費 電信 聯(lián)通 移動 鐵通 廣電寬帶 e家寬 長城寬帶 瀏覽器 鵬博士 WiFi WLAN LTE HSPA Verizon Google
301 Adsense alimama Baidu Asp ZBlog Asp.net DNS Free hosting GoDaddy Google Html Flash Alexa Internet JavaScript Oracle php SEO xml
在網(wǎng)頁設(shè)計時,有時遇到某個DIV內(nèi)容被其他層覆蓋擋住了,怎么辦呢?我們?nèi)绾巫屇骋籇IV層顯示在上面?其實,使用css屬性 z-index 就能解決問題。
在現(xiàn)在的網(wǎng)頁設(shè)計中,鼠標(biāo)移到圖片上圖片放大的效果常常被用到,這個效果多應(yīng)用于文章列表里。我一開始以為是用JQuery來實現(xiàn)的,后來才知道原來是用CSS3來實現(xiàn)的,用CSS3來實現(xiàn)會更加簡單和方便。本文將介紹如何用CSS3來實現(xiàn)這個功能。
本文將繼續(xù)介紹用CSS3來畫一個半圓的方法。 CSS3畫一個半圓無論圓角、圓弧、實心圓、半圓,css3的實現(xiàn)代碼都是 border-radius 屬性,border-radius 不但可以定義圓半徑和圓角大小,還可以設(shè)置圓弧的方向,進(jìn)而畫出各種方向的半圓。
在前文中介紹過CSS3實現(xiàn)圓角的方法,代碼更少更簡單,不過由于其不兼容IE8瀏覽器,所以就目前IE8仍然占一定用戶比例的情況下,CSS3要完全取代CSS還不太現(xiàn)實。因此本文將介紹純CSS實現(xiàn)圓角的4種寫法,該方法對比CSS3的優(yōu)勢是不用考慮瀏覽器的兼容問題。
當(dāng)你要用到一個圓形icon的時候,你可能想到通過圖片軟件來制作,在css3之前,大家都是通過圖片+css來實現(xiàn)各種各樣的樣式效果?,F(xiàn)在,我們用css3的代碼,輕松就能畫出實心圓了。
圓波擴(kuò)散動畫效果,就是一個圓由中心向四周循環(huán)擴(kuò)散的動畫效果。圓波擴(kuò)散動畫效果應(yīng)用非常廣泛,例如可以用來表示某一個位置的狀態(tài)信息,在網(wǎng)頁設(shè)計中,常常被用來作為登錄或切換頁面時的等待狀態(tài)。本文將使用純CSS3實現(xiàn)上圖動畫效果。
要在網(wǎng)頁上顯示各種算式的符號的時候,我們大多數(shù)人是先在Word里插入,然后復(fù)制粘貼到網(wǎng)頁里,不過要在網(wǎng)頁上顯示各種計算符號和特殊符號,還是建議用轉(zhuǎn)義字符串。本文收集了各種計算符號和特殊符號的HTML代碼,在編寫網(wǎng)頁代碼時可直接使用,值得收藏,以作備用。
有的時候我們要用HTML代碼來輸出顯示乘號(×)、除號(÷)、雙引號(")等字符實體,例如需要顯示某個計算公式的時候。其實幾乎所有的字符實體(尤其是大量的特殊字符)都有其對應(yīng)的HTML代碼的寫法,本文將給大家介紹各種字符實體的HTML寫法。
每次設(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這三個瀏覽器?
在上一篇文章里介紹了用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è)計師常用的插件之一。
許多知名網(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)方法。
近日在做一個網(wǎng)頁標(biāo)簽列表,要求不能換行,一開始以為比較容易,三兩下就把代碼寫完了,并且在Firefox和Chrome瀏覽器測試通過,不過,在IE11一看,卻出人意料的沒有達(dá)到預(yù)期效果,li inside-block在IE11里竟然無效!照樣換行!為何無效?難道代碼還要hack一下IE11?
之前設(shè)計網(wǎng)頁,如果希望div或table居中,總是用<center></center>把它包起來,但是這樣的結(jié)果,div或table雖然居中了,但div或table里面的文字也居中了,這是不符合設(shè)計者意愿的。那么,我們能否用css實現(xiàn)div或table居中,文字不居中呢?答案是肯定的,本文將給你介紹如何實現(xiàn)此效果。
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代碼。
blockquote默認(rèn)的雙引號千篇一律太過普通,我們能否更改它并美化它,以搭配網(wǎng)頁模版的視覺要求?答案是肯定的。下面我就以兩個實例來教你怎樣修改和美化blockquote雙引號,并送上漂亮的css樣式。
有關(guān)Blockquote的css樣式,上一篇已經(jīng)介紹了《5個Blockquote的css樣式》,不過,那是使用css1的寫法,要借助雙引號的圖片和span、div等標(biāo)簽來完成。今天將介紹3個使用css3來實現(xiàn)的Blockquote樣式,代碼更簡潔,并且無需借助圖片,推薦使用。
Blockquote標(biāo)簽多用于文章引用內(nèi)容的時候,這里將介紹8個blockquote的css樣式,通過實例,讓大家進(jìn)一步了解blockquote的用法。
在網(wǎng)頁設(shè)計中,一些區(qū)域的標(biāo)題文字是不能換行的,例如首頁顯示的文章標(biāo)題,因為布局是固定的,換行會打亂布局,從而使網(wǎng)頁產(chǎn)生錯位。因此,我們需要一行一段文字,超出行寬的文字用省略號表示或者直接去掉不用省略號代替。
今天用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)是不行的。
在網(wǎng)頁自適應(yīng)設(shè)計中,max-device-width和max-width是不可缺少的兩大CSS屬性,但是可能大家在使用的選擇上沒有太多講究,認(rèn)為用其中一個即可。不過如果你對此兩個屬性有了充分的認(rèn)識之后,你或許把網(wǎng)頁的自適應(yīng)設(shè)計得更為極致一些。
網(wǎng)站兼容性調(diào)試實在令人煩心,今天,我就把這幾個主要瀏覽器的CSS hack代碼匯總一下,滿足如下的瀏覽器要求:IE8、IE9、IE10、IE11、Chrome、Firefox,由于360使用的是Chrome內(nèi)核,所以滿足Chrome基本就滿足了360。
在復(fù)雜的網(wǎng)頁框架布局中,div起了絕對的主導(dǎo)作用,而又因為div的語法在各個瀏覽器中的表現(xiàn)并不一致,因此div的瀏覽器兼容性寫法就起了至關(guān)重要的意義。
hover在css里比較常見,多用于菜單或一些按鈕上的鼠標(biāo)事件,用法也比較簡單,不難掌握。不過在瀏覽器兼容性測試中,發(fā)現(xiàn)ie瀏覽器對hover還是很挑剔的,html寫法會影響hover是否有效。
div+css實現(xiàn)的下拉菜單大量被網(wǎng)頁設(shè)計師使用,通過div+css,可以隨心所欲的實現(xiàn)自己想要的樣式效果,使得下拉菜單與網(wǎng)頁整體布局搭配的更美觀和諧。
我寫文章,喜歡段落開頭空兩格,以前,我都是手動敲兩個空格進(jìn)去,后來,我發(fā)現(xiàn),有的文章的每個段落開頭并沒有空格符,而在網(wǎng)頁上顯示時照樣會縮進(jìn)兩個空格。這就是菜鳥和專家的差別。