outline:input和textarea的預設焦點樣式文法:outline:[outline-color] || [outline-style] || [outline-width] || [outline-offset] | inherit相關屬性:outline-style , outline-width , outline-offset , outline-color<outline-color>: 指定輪廓邊框顏色。參見outline-color <outline-
用jquery封裝了一個控製圖片左右滾動的外掛程式:<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>slide</title><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script&
我想知道 我不關心你以什麼為生。我關心的是你因為什麼而痛苦,想知道你是否敢於去夢想,滿足心靈的渴望。 我不在乎你的年齡。我在乎的是你是否甘當傻瓜去追求愛、追求夢想和經曆生活的驚險刺激。 是什麼磨圓了你的稜角我不感興趣。我想知道的是你是否觸碰過自己內心的憂傷,是否因為生活的挫折而變得豁達,還是因為害怕遭受更多的痛苦而變得無助、緊閉心扉。 我想知道你是否能痛苦著我的痛苦而不是避開它,躲著它。 我想知道你似乎否能因為我的歡樂而歡樂,是否能狂舞一曲,讓快樂溢滿你的指尖和腳趾,而不是畏畏縮縮地想:要小心
圖片和Coockie也是我們網站中幾乎不可缺少組成部分,此外隨著行動裝置的流行,對於行動裝置 App的最佳化也十分重要。這主要包括:Coockie:減小Cookie體積 對於頁面內容使用無coockie網域名稱 圖片:最佳化映像 最佳化CSS Spirite 不要在HTML中縮放映像 favicon.ico要小而且可緩衝 行動裝置 App:保持單個內容小於25K 打包組件成複合文本 27、減小Cookie體積 HTTP
問題:<div id="top" style="height:100px;background-color:#CCC;"></div><div id="parent" style="background-color:#F9F; overflow:hidden;"><div id="child" style="margin-top:10px; background-color:#99F;">想實現效果: Chile 與 parent 間有 10px
轉自:http://www.rainweb.cn/article/css3-transition-menu-a.htmltransition是css3中新添加的特性,在W3C標準中是這樣描述 的:“css的transition允許css的屬性值在一定的時間內從
用JQ寫的一個簡單的TAB選項效果,支援兩個選項以上,擴充性良好<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script&
Yahoo!的Exceptional Performance團隊為改善Web效能帶來最佳實務。他們為此進行了一系列的實驗、開發了各種工具、寫了大量的文章和部落格並在各種會議上參與探討。最佳實務的核心就是旨在提高網站效能。 Excetional Performance團隊總結出了一系列可以提高網站速度的方法。可以分為7大類34條。包括內容、伺服器、cookie、CSS、JavaScript、圖片、行動裝置 App等七部分。其中內容部分一共十條建議:一、內容部分盡量減少HTTP請求
我們知道,對於WEB頁面中的JS和CCS,並不會每次都請求完整的內容,有時候會直接利用本地的緩衝;而對頁面本身,卻往往會去載入完整內容,對於伺服器來說可能每次也要產生完整的內容,並送到用戶端;同樣的,對於一些http介面,每次調用也會去重建資料,瀏覽器也會重新載入完整的資料;但有這樣一些頁面,雖然是動態但變動頻率較小,且對於同一使用者重複調用可能很多(比如說個人管理後台或者新聞首頁面),我們希望像js或者ccs那樣在用戶端緩衝起來.並且,在我們希望的時候,可以更新用戶端備份的那個頁面,或者介面資
簡單的隨機標籤雲<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title>隨機標籤雲</title><style type="text/css">*{margin:0;padding:0}a{ text-decoration:none}#wrap{width:400px;margin:auto}</style> <script type="
background-clip + text-fill-color下的實現如果您手頭上的瀏覽器是Chrome或是Safari,則您可以在demo頁面中看到類似下面的效果:<h2 class="text-gradient">天賜美妞</h2>CSS(CSS代碼中關鍵有用的其實就是最後三行):.text-gradient { display: inline-block; color: green; font-size: 10em;
最近不知道哪裡出的問題,html 和 htm檔的表徵圖變成了無法識別的,在網上找了很多,寫的都是要修改註冊表的方法,問題是註冊表並沒有錯,抓狂終於找到了一個正確的方法,記下來,省得以後忘記方法是:進入註冊表,在HKEY_CLASSES_ROOT\htmlfile\shellEx\IconHandler,將IconHandler及其子項刪去,再通過我的電腦-工具-檔案夾選項-檔案類型-HTML-進階-更改表徵圖-確定,即可
抽空把公司項目上用的tab效果封裝了一下,實在是需要用的地方太多了~~~:代碼:<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript"
經常會看到一些文章列表,每個item只顯示一兩行的文字,然後點擊“詳細”的時候,再展開文字自己用jq寫了一個~var text = $(".content").text();var textNum = text.length;var textInt = text.slice(0,140); $(".content").each(function () {if (textNum >= 160) { $(this).html(textInt + "..." + "&
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>點擊其它地方關閉DIV</title></head><body><input type="text" value="" id="tf"/><div style="width:400px; height:200px;border:1px solid
題記:搞互連網的同學也許都知道一個數字——4秒,有研究表明,如果一個網站沒有在4秒之內載入完成,使用者就會感到焦躁不愉 快,並離開這個網站(資料來自效能測試網站http://gtmetrix.com/)。網站的內容、SEO最佳化、使用者體驗?哪個更重要呢?在速度面前,
Http定義了與伺服器互動的不同方法,最基本的方法有4種,分別是GET,POST,PUT,DELETE。URL全稱是資源描述符,我們可以這
浮動(float),一個我們即愛又恨的屬性。愛,因為通過浮動,我們能很方便地布局; 恨,浮動之後遺留下來太多的問題需要解決,特別是IE6-7(以下無特殊說明均指 windows 平台的 IE瀏覽器)。也許很多人都有這樣的疑問,浮動從何而來?我們為何要清除浮動?清除浮動的原理是什嗎?本文將一步一步地深入剖析其中的奧秘,讓浮動使用起來更加得心應手。一、清除浮動 還是 閉合浮動 (Enclosing float or Clearing
姐不太道德地把它的代碼扒了下來,放在這裡慢慢研究<!DOCTYPE html><!-- saved from url=(0036)http://y.qq.com/vip/promote_yearvip/ --><html lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><meta charset="utf-8
ext-stroke(文本描邊)和text-fill-color(文本填充色)注意點:目前這兩個屬性只有webkit核心的Safari和Chrome支援,例如: -webkit-text-stroke: 3.3px