卡卡網(wǎng)

本文介紹iframe跨域父子頁(yè)面相互訪問(wèn)操作頁(yè)面元素的方法，不過(guò)這個(gè)跨域有個(gè)前提，就是都是同一主域。

我們常在一些網(wǎng)站菜單上看到當(dāng)鼠標(biāo)移上去三角形或箭頭旋轉(zhuǎn)的效果，這個(gè)效果在百度知道、淘寶網(wǎng)站上都有用到，個(gè)人覺(jué)得這個(gè)效果很好，于是在本文將介紹它的實(shí)現(xiàn)方法。我用的方法是純css3實(shí)現(xiàn)，無(wú)需用到j(luò)Query程序。

很多網(wǎng)站在打開(kāi)時(shí)，頂部首先展開(kāi)一條大橫幅，幾秒后自動(dòng)收起，但并非消失，這種廣告效果比較好，因?yàn)樗屓艘欢ㄗ⒁獾剿拇嬖?，并看到它的廣告內(nèi)容。本文就介紹一下這個(gè)廣告的實(shí)現(xiàn)方法。

網(wǎng)頁(yè)頂部banner大橫幅廣告非常常見(jiàn)，通常是可關(guān)閉的，今天我要分享的這個(gè)不但可以關(guān)閉，還可以自適應(yīng)屏幕寬度，代碼簡(jiǎn)單，純css3實(shí)現(xiàn)，無(wú)需jQuery代碼，遷移性強(qiáng)。

我們?cè)谠O(shè)計(jì)表格樣式的時(shí)候，很多時(shí)候會(huì)把表格設(shè)計(jì)成圓角，這樣看起來(lái)會(huì)更加美觀。本文介紹兩個(gè)圓角表格實(shí)例。

本文介紹3款精美漂亮的CSS3表格，這3款表格特別適用于需要進(jìn)行項(xiàng)目對(duì)比的價(jià)格表格。

本文給大家介紹一個(gè)比較有趣的CSS Table表格，鼠標(biāo)移到表格上時(shí)，鼠標(biāo)所在行放大高亮顯示。

本文給大家介紹一個(gè)漂亮的CSS價(jià)格表格，它與其他表格的不同在于，它最下面一行是匯總行，在背景顏色和文字大小上要有所突出。

有時(shí)候我們要在表格上直接看到某項(xiàng)（列）的數(shù)值排序，升序降序只需點(diǎn)擊一下列表頭，操作簡(jiǎn)單，用戶(hù)體驗(yàn)卻很好。

當(dāng)我們想把表格數(shù)據(jù)以圖表形式呈現(xiàn)出來(lái)時(shí)，本文介紹的這個(gè)范例，是無(wú)需寫(xiě)代碼，便能直接把表格數(shù)據(jù)創(chuàng)建成SVG圖表呈現(xiàn)出來(lái)，簡(jiǎn)單又實(shí)用，非常適合不懂代碼或要求不高的人使用。

一個(gè)表格(table)，當(dāng)你設(shè)置了table和td的border寬度之后，你會(huì)發(fā)現(xiàn)單元格td與td之間有一點(diǎn)空隙，看起來(lái)整個(gè)表格不夠緊湊美觀。

本文介紹6個(gè)純CSS按鈕(button)實(shí)例，漂亮又實(shí)用，代碼使用簡(jiǎn)單，又具有很強(qiáng)的可遷性，基本上在任何一張網(wǎng)頁(yè)都能很容易就能用上這些按鈕樣式。

本文介紹當(dāng)鼠標(biāo)移到表格上，高亮顯示鼠標(biāo)所在列和行。

有時(shí)候表格數(shù)據(jù)展示需要左右水平滾動(dòng)表格列，但是第一列可能是主體列需要固定起來(lái)，因此就有了本文介紹的實(shí)例——表格(Table)固定第一列，其余列可水平滾動(dòng)。

當(dāng)表格往上滾動(dòng)的時(shí)候，表頭固定不動(dòng)，這樣可以讓用戶(hù)時(shí)刻看清每一列的數(shù)據(jù)含義，這是人性化的設(shè)計(jì)，充分考慮了用戶(hù)使用體驗(yàn)。本文將通過(guò)5個(gè)實(shí)例，來(lái)介紹這種表格設(shè)計(jì)。

本文介紹4款簡(jiǎn)單常見(jiàn)的純CSS表格(table)樣式。

如果你要設(shè)計(jì)一張同時(shí)兼容PC和移動(dòng)設(shè)備的響應(yīng)式網(wǎng)頁(yè)，那么響應(yīng)式表格(Responsive Table)就變得非常必要，本文精心收集了4款響應(yīng)式表格實(shí)例，代碼簡(jiǎn)潔，幾乎可以拿來(lái)即用。

CSS Loading 加載動(dòng)畫(huà)常用于網(wǎng)頁(yè)或應(yīng)用程序加載提示，它比純gif動(dòng)畫(huà)圖片的優(yōu)點(diǎn)在于不用占用文件體積。另外，css loading啟動(dòng)更快，循環(huán)軌跡更為平滑。

本文介紹一個(gè)很常見(jiàn)的點(diǎn)擊按鈕后，網(wǎng)頁(yè)居中滑出覆蓋層和消息提示盒子的實(shí)例。

文章段落通常是首行縮進(jìn)2格，實(shí)現(xiàn)起來(lái)很簡(jiǎn)單，只需設(shè)置一下段落標(biāo)簽p的css即可。

本文介紹一個(gè)CSS3+JQuery實(shí)現(xiàn)的三級(jí)下拉導(dǎo)航菜單。

本文是關(guān)于如何使用HTML5和CSS3創(chuàng)建切換登錄和注冊(cè)表單的教程。

CSS懸停效果按鈕（鼠標(biāo)移到按鈕上變成其他顏色），是一個(gè)非常常見(jiàn)的按鈕效果，今天通過(guò)一個(gè)簡(jiǎn)單的實(shí)例來(lái)給大家介紹如何用css來(lái)實(shí)現(xiàn)這一效果。

本文將給大家介紹一個(gè)漂亮的css3圓形鼠標(biāo)懸停效果，這個(gè)效果在產(chǎn)品展示或列表圖片中都可以應(yīng)用，可以說(shuō)是應(yīng)用范圍挺廣泛的。

今天給大家介紹一個(gè)關(guān)于如何用css轉(zhuǎn)換和3d旋轉(zhuǎn)在圓上創(chuàng)建不同有趣的懸停效果的教程。

本文通過(guò)2個(gè)實(shí)例介紹懸停效果很酷的css3實(shí)現(xiàn)的動(dòng)畫(huà)按鈕。

本文我想和大家分享一些css3按鈕，它們是一些具有不同樣式、懸停效果和活動(dòng)狀態(tài)的動(dòng)畫(huà)鏈接元素。

在本教程中，我將向大家介紹如何只使用一個(gè)錨標(biāo)簽和一個(gè)強(qiáng)大的CSS，就能創(chuàng)建一個(gè)漂亮的按鈕。

本文介紹使用CSS創(chuàng)建模式窗體(modal window)覆蓋(overlay)層的3種方法。

本文將介紹如何不需要用到圖片，僅用CSS3是如何做出漂亮的按鈕來(lái)的。

在前文中介紹過(guò)純CSS實(shí)現(xiàn)上下左右箭頭，本文將擴(kuò)展一下，介紹如何用純CSS實(shí)現(xiàn)各種方向的箭頭。

本文介紹如何用純CSS實(shí)現(xiàn)上下左右箭頭（>）。

本文介紹如何使用CSS選擇器里不同的符號(hào)(+,> 和 ~) 以及它們的區(qū)別。

CSS具有匹配的選擇器語(yǔ)法，可以匹配href末尾的文件擴(kuò)展名。 這樣可以輕松添加與鏈接文本部分之前或之后的鏈接相關(guān)的圖標(biāo)。

在網(wǎng)頁(yè)上的外部鏈接旁邊放置一個(gè)出站鏈接圖標(biāo)會(huì)很有用的，這很容易使用CSS實(shí)現(xiàn)，而無(wú)需向錨標(biāo)記添加任何其他元素或向HTML源添加其他圖像標(biāo)記。

今天介紹一個(gè)非常好用的JQuery插件，它可以把網(wǎng)頁(yè)或某個(gè)div或table表格內(nèi)容轉(zhuǎn)為圖片并下載保存。

純css3實(shí)現(xiàn)的音階波浪loading加載動(dòng)畫(huà)效果，在主流瀏覽器上測(cè)試通過(guò)，包括Chrome、360安全/極速瀏覽器、Firefox、IE11等。

div的id是可以動(dòng)態(tài)改變的，我們可以通過(guò)JQuery或JS來(lái)實(shí)現(xiàn)。

網(wǎng)頁(yè)html代碼中，meta標(biāo)簽是個(gè)非常重要的標(biāo)簽，meta標(biāo)簽可以包含很多屬性，而其中有5個(gè)是不可缺少的。

網(wǎng)頁(yè)title和meta標(biāo)簽的content內(nèi)容是可以通過(guò)JQuery和JS來(lái)修改的，本文將分別介紹它們的實(shí)現(xiàn)方法。

div的id是可以改變的，通常使用的方法是通過(guò)JQuery或Javascript來(lái)實(shí)現(xiàn)。本文介紹用JQuery或JS改變div的id的五種方法。

我們?cè)谑褂胊標(biāo)簽的空鏈接時(shí)，通常寫(xiě)為 href=# 或者 href=javascript:void(0) ，這兩種寫(xiě)法有什么區(qū)別呢？我想很多人都不會(huì)去深究，但是這兩種寫(xiě)法出來(lái)的效果有時(shí)候是不一樣的。

div層的顯示和隱藏在網(wǎng)頁(yè)設(shè)計(jì)中常常被用到，為了讓顯示/隱藏表現(xiàn)得生動(dòng)一些，往往加些效果進(jìn)去，如淡入淡出效果、滾動(dòng)效果、縮放效果等等。本文將介紹div層顯示/隱藏的6種常見(jiàn)效果。

項(xiàng)目列舉 li 是常用的網(wǎng)頁(yè)內(nèi)容布局排版標(biāo)簽，其樣式也非常豐富，單單是列表項(xiàng)標(biāo)記的類(lèi)型（list-style-type），我們就有20多個(gè)選擇。今天談的問(wèn)題是，項(xiàng)目列舉 li 換行文字左邊不對(duì)齊的問(wèn)題。

Table表格顏色，默認(rèn)時(shí)是整個(gè)表格每行每列的顏色都一樣，這很容易產(chǎn)生視覺(jué)疲勞，因此，較友好的設(shè)計(jì)是TR單雙行顏色相間而不同。

本文介紹一個(gè)table表格樣式，是一種很友好的看著很舒服的表格樣式，常見(jiàn)用于教程站里。這也是是個(gè)十分通用的table表格樣式，可以說(shuō)大部分網(wǎng)頁(yè)都適用。

有的瀏覽器如Firefox，在a標(biāo)簽（鏈接）點(diǎn)擊后會(huì)留下一個(gè)虛線邊框，影響美觀，我們?nèi)绻隺標(biāo)簽（鏈接）在點(diǎn)擊后不要留下虛線邊框，要怎么做呢？其實(shí)，我們可以從css來(lái)設(shè)置，達(dá)到要求。

我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，往往要為丑陋的原始表格美化一翻，美化樣式當(dāng)然要用到css。本文介紹的網(wǎng)頁(yè)表格美化插件：jqtransform，將大大幫助我們?cè)O(shè)計(jì)漂亮的網(wǎng)頁(yè)表格。

html控件默認(rèn)樣式都不好看，需要css來(lái)美化，本文介紹的checkbox多選框和radio單選按鈕也不例外，美化工作需要css+圖片來(lái)完成。此外，Javascript或JQuery腳本也是少不了的，不然提交表單時(shí)傳值就有問(wèn)題。

本文介紹用css實(shí)現(xiàn)的下拉菜單，簡(jiǎn)單、方便、實(shí)用。為什么推薦用css實(shí)現(xiàn)的下拉菜單？因?yàn)閔tml默認(rèn)的 select 控件生成的下拉菜單樣式不好控制，不夠美觀，使用css打造的下拉菜單，樣式可以更加美觀，設(shè)計(jì)可以隨意發(fā)揮。