|
|
|
|
|
|
分類目錄
贊助商
熱門標簽
網(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
搜索
- 純CSS實現(xiàn)的網(wǎng)格圖片(九宮圖)縮放效果
使用 CSS Grid，創(chuàng)建圖像網(wǎng)格很容易。不過本文不是介紹如何用 CSS Grid 創(chuàng)建圖像網(wǎng)絡(luò)，而是如何對這些網(wǎng)格圖片做點效果，例如懸停效果，即是鼠標移到圖片上后，圖片會放大。
- 比較和了解何時使用SVG與何時使用Canvas
SVG 和 canvas 都是可以在 Web 瀏覽器中繪制內(nèi)容的技術(shù)，在本文中，我們將研究何時使用SVG與何時使用Canvas。
- 圖片SVG、PNG、JPEG、GIF有什么不同？
我們在設(shè)計網(wǎng)頁時要用到圖片，圖片格式有很多，我們應(yīng)該使用什么格式的圖片呢？本文中，將給你介紹圖片SVG、PNG、JPEG、GIF有什么不同。
- 自定義顏色穩(wěn)重大方通用搜索框（純CSS實現(xiàn)）
本文介紹一個穩(wěn)重大方的自定義背景顏色通用搜索框，它是由純CSS實現(xiàn)的，沒有圖片和JS代碼。
- SVG 與 Canvas 的 6 大區(qū)別比較表
SVG 縮寫為 Scalable Vector Graphics。它是一種基于矢量的圖形，使用基于 XML 的圖形格式為交互提供支持。
- SVG 與 Canvas 的五大區(qū)別
HTML <svg> 元素是 SVG 圖形的容器。SVG 代表可縮放矢量圖形。HTML <canvas> 元素用于通過 JavaScript 繪制圖形。
- SVG圖片對比PNG、JPEG的5大優(yōu)點
在網(wǎng)頁設(shè)計時，SVG圖片比較少用，不過如果你要把自己的網(wǎng)頁設(shè)計得精益求精，那么SVG圖片對比PNG、JPEG圖片，是有一些優(yōu)勢的。
- 如何僅使用HTML和CSS創(chuàng)建自定義Tab選項卡
本文將介紹如何僅使用HTML和CSS創(chuàng)建自定義Tab選項卡，無需 JavaScript 即可工作。
- 字符串刪除HTML標簽得到純文本的2種方法
如何從字符串中刪除HTML標簽得到純文本，本文將介紹2種實現(xiàn)方法。
- CSS如何創(chuàng)建淡入背景動畫
CSS允許你設(shè)計背景顏色漸變的網(wǎng)頁，要實現(xiàn)這一點，需要使用CSS中的animation屬性來設(shè)置body元素的樣式。
- 如何為圖像、按鈕和文本在懸停時添加淡入過渡效果
使用 CSS，懸停狀態(tài)為你提供了一種結(jié)合交互式淡入動畫的獨特方式，你可以將其應(yīng)用于各種元素，例如圖像、按鈕和文本。
- CSS為文本添加fade-in淡入動畫效果
本文將給大家介紹如何用CSS為文本添加fade-in淡入過渡效果，CSS 允許你在 text 上添加淡入動畫。
- css實現(xiàn)圖片fade-in淡入動畫效果
CSS允許你在圖像上添加淡入動畫，它實際上是使用淡入效果的流行方式之一。在這種情況下，圖像將從透明過渡到不透明。
- CSS background與background-color的幾個不同之處
今天在做一個實例時，偶爾發(fā)現(xiàn)background與background-color的的不同，于是研究了一下，總結(jié)出了它們的幾個不同之處。
- 純CSS：鼠標移上后，鏈接按鈕顏色顯示漸變效果
鼠標移上后，鏈接按鈕顏色顯示漸變效果，這個設(shè)計很常見。今天，我介紹一下這個效果的實現(xiàn)方法，是用純CSS來實現(xiàn)的。
- 純CSS實現(xiàn)：箭頭+圓角方形提示框tooltip
本文介紹一個箭頭+圓角方形提示框tooltip，它是純CSS實現(xiàn)的，樣式容易自定義，使用起來非常方便。
- 漂亮的HTML同一頁內(nèi)可平滑切換的登錄/注冊表單
今天介紹一個漂亮的HTML同一頁內(nèi)可平滑切換的登錄/注冊表單，該表單幾乎是純CSS實現(xiàn)，簡單的JQuery代碼僅3行。
- 如何使用css和圖像為文字著色
一般情況下，是使用 css 設(shè)置文本顏色，但是通過這種簡單的css技術(shù)，文本也可采用圖像來著色。
- 如何使用CSS在圖像頂部疊加圖標
在圖片上疊加其他圖標，這種設(shè)計非常常見，今天將介紹如何通過CSS來實現(xiàn)這種設(shè)計。
- [示例演示] text-decoration在文字下面加波浪線/上面加直線
本文演示介紹在文字下面加波浪線，在文字上面加直線等各種text-decoration屬性。
- CSS實現(xiàn)圓圈內(nèi)含有文字并居中【實例】
在瀏覽網(wǎng)站時，我們經(jīng)?？吹绞褂冒谋镜膱A圈，這個要怎樣實現(xiàn)呢？其實，只需要一點CSS技巧，就能實現(xiàn)這個效果。
- 無JS，純HTML+CSS實現(xiàn)的表單驗證
通常我們進行注冊表單驗證時，都是用JavaScript或JQuery來實現(xiàn)的，今天我要介紹的是，無需JS，純HTML+CSS就能很好的完成表單驗證的任務(wù)。
- 如何用CSS把背景分為2種顏色
在本文中，將介紹如何用CSS把背景分為兩種顏色。實現(xiàn)方法其實很簡單，并不需要任何復雜的代碼。
- 上下左右“滑動式”翻頁過渡效果2例【演示/源碼下載】
在本文中，將介紹如何在網(wǎng)頁間過渡時，采用“滑動式”翻頁。
- 實例演示CSS Inline與inline-block的區(qū)別
在本文中，我們將看到 Inline 與 inline-block 之間的區(qū)別。
- [CSS]防止移動端放大屏幕時文字換行溢出的方法
在移動端放大屏幕時文字換行，這是CSS沒有寫好。經(jīng)過測試，是可以這樣來防止大屏幕時文字換行溢出的。
- 終于找到了，最新針對Chrome的CSS hack代碼
我今天在國外網(wǎng)站，找到了單獨針對Chrome的CSS hack代碼，測試有效！
- 以前的失效了,最新CSS識別Chrome、Firefox、IE11代碼
以前的代碼已經(jīng)失效了，經(jīng)過測試，發(fā)現(xiàn)現(xiàn)在有了新的CSS識別Chrome、Firefox、IE11瀏覽器的代碼，至少到目前為止，這些代碼還能用。
- 把字體大小設(shè)置小于12px,所有瀏覽器通過(包括Chrome)
我們有時想把頁面某個模塊的字體大小設(shè)置小于12px，那該怎么辦呢？現(xiàn)在問題解決了，所有瀏覽器測試有效(包括Chrome)。
- CSS類不起作用？id、類名、標簽選擇器的優(yōu)先分析
CSS類不起作用的原因，其實就是繼承與優(yōu)先的問題。今天我將通過幾個實例來分析這個問題。
- 【8實例】詳解css z-index的值使用區(qū)別:-1,0,1,auto,999
z-index在網(wǎng)頁設(shè)計中表示層的上下關(guān)系，今天，我將通過幾個實例，來詳解z-index的值在實際使用中如何設(shè)置。
- $(document).height()與$(window).height()高度相同的原因
今天在寫一個JS程序的時候，發(fā)現(xiàn)執(zhí)行結(jié)果不符合預期，開始以為是代碼問題，后又以為是瀏覽器問題，最后才檢查出來，原來是 <!DOCTYPE> 與 <!DOCTYPE html> 的問題。
- 純CSS大氣通用移動網(wǎng)頁導航菜單【演示/源碼下載】
這個移動端網(wǎng)頁導航菜單是我在使用某網(wǎng)站時，覺得挺好，挺喜歡，就把它剝離下來了。
- CSS需這樣識別火狐Firefox、Chrome瀏覽器寫兼容性代碼
寫CSS需要考慮瀏覽器兼容性問題，我們要針對不同的瀏覽器，某些CSS代碼要略有不同。
- 3款淺灰色大氣通用Table表格CSS【實例演示/源碼下載】
今天做了幾個樣式不錯的大氣通用表格Table CSS樣式，給大家分享一下。
- 【10個示例】了解CSS linear-gradient()背景顏色漸變
在本文，將用10個簡單示例，介紹CSS linear-gradient()背景顏色漸變的使用方法。
- 簡單實例解釋：background:-webkit-gradient() color-stop()
本文將通過一個簡單的實例，來解釋color-stop()的含義及其用法。
- 兩種方法——在input輸入框里放一個搜索小圖標
把搜索圖標放在輸入框內(nèi)，這是一個時尚的UI設(shè)計方式。本文將通過3個實例，介紹如何在input輸入框里放一個搜索小圖標。
- 4個實例演示——美化表單input輸入框CSS樣式
在本文中，將通過4個實例，演示如何美化表單input輸入框的CSS樣式。
- 純CSS3：鼠標移上后(懸停)圖片/文字出現(xiàn)掃光效果
本文將更介紹的是，文字掃光效果加上懸停事件，即是只有鼠標移上去后，圖片/文字才出現(xiàn)掃光效果。
- 純CSS3實現(xiàn)圖片/logo/文字掃光效果【演示/源碼下載】
本文要介紹的是，使用純CSS3來實現(xiàn)圖片/文字掃光效果，實現(xiàn)起來代碼不多，非常容易修改使用。
- 哪種圖像文件更好：SVG 還是 PNG？
有幾十種圖像文件類型，每種都根據(jù)壓縮類型、格式和瀏覽器支持而變化。但最常用的兩種格式是 SVG 和 PNG 格式。這兩種文件類型的區(qū)別再大不過了——每一種都更適合特定的情況。
- 6種Web圖像文件優(yōu)缺點比較：JPEG/PNG/SVG/GIF/BMP/WebP
每一種圖片類型格式都有其獨特的特點，有優(yōu)點，也有缺點。本文將介紹6種Web圖像文件優(yōu)缺點比較：JPEG(JPG)、PNG、SVG、GIF、BMP、WebP。
- 6款CSS性能檢測、審計(audit)工具
如果你需要重構(gòu)和清理你的CSS，那么，一些有用的工具可以用來幫助你識別重復項。本文將為你介紹幾款CSS檢測工具。
- 深入詳解CSS background-size的3個屬性值auto、contain和cover
使用background-size，首先要清楚的是我們要處理的是背景，而不是 HTML ( img) 元素。處理HTML（img）元素，是使用前文介紹的object-fit。
- 【實例】深入詳解 CSS 中的 object-fit 5個屬性值
在本文中，我們將介紹如何使用object-fit，以及一些實際用例和建議。
- 使用 css object-fit 對象擬合調(diào)整圖片大小
object-fit(對象擬合)object-fit有5個屬性：none、cover、contain、fill、scale-down，它們用于控制如何調(diào)整被替換元素的內(nèi)容大小的實用程序。
- 如何使用 CSS object-fit 等比縮放和裁剪圖像
你可能會遇到在處理圖像時希望保留原始縱橫比的情況。保持縱橫比可以防止圖像因被拉伸或擠壓而出現(xiàn)扭曲。此問題的常見解決方案是使用background-image CSS 屬性。更現(xiàn)代的方法是使用object-fit CSS 屬性。
- CSS3實現(xiàn)訂單/進程/步驟進度條【演示/源碼下載】
本文介紹一款用CSS3實現(xiàn)的訂單/步驟進度條，這個案例的使用是比較廣泛的，很多知名網(wǎng)站都用到它。
- CSS3 圖片背景填充文字并實現(xiàn)動畫效果
本文介紹如何使用CSS3實現(xiàn)圖片背景填充文字并做成動畫效果。
