CSS

一些新手朋友對選取器一知半解，不知道在什麼情況下運用什麼樣的選取器，這是一個比較頭疼的問題，針對新手朋友，對CSS選取器作一些簡單的說明，希望能對大家的學習工作有一定的協助。                  準確而簡潔的運用CSS選取器會達到非常好的效果。我們不必通篇給每一個元素定義類（class）或ID，通過合適的組織，可以用最簡單的方法實現同樣的效果。在實際工作中，最常用的選取器有以下五類：                                  一、標籤選取器：

原文：http://regexadvice.com/blogs/mash/archive/2008/03/27/Additional-CSS-minifying-regex-patterns.aspx注意：本文提到的Regex都使用了IgnoreCase=true選項。我觀察了YUI

CSS設定不轉行:overflow:hidden 隱藏white-space：normal 預設 pre 換行和其他空白字元都將受到保護nowrap 強制在同一行內顯示所有文本，直到文本結束或者遭遇 br 對象============================================設定強行換行word-break: normal ; 依照亞洲語言和非亞洲語言的文本規則，允許在字內換行break-all :

細細品味星座網世紀開運網21kaiyun.com，我發現這個網站美工大量用了CSS縮寫文法 使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。css縮寫的主要規則如下：顏色16進位的色彩值，如果每兩位的值相同，可以縮寫一半，例如：#000000可以縮寫為#000;#336699可以縮寫為#369;盒尺寸通常有下面四種書寫方法:property:value1; 表示所有邊都是一個值value1； property:value1 value2;

經常看到網頁裡圖片漸層顯示，自己寫一個。 原理很簡單就是修改元素的css透明度。 線上預覽效果：http://jsfiddle.net/dtdxrk/BHUp9/embedded/result/ 複製代碼 代碼如下:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

平常設計表單的時候，我們會加入一些提示文字，比如說在搜尋方塊裡，我們會提示“請輸入關鍵字”，並在搜尋方塊得到焦點和失去焦點的時候適時的隱藏和顯示，最常見的做法是利用value來設定： 複製代碼 代碼如下:<form id="search"> <input type="text" id="keyword" name="keyword" value="請輸入關鍵字"> <button>搜尋</button> </form>

query是一個javascript css selector engine，小巧而功能強大，壓縮後2k左右，可以很輕鬆的整合到代碼當中。支援瀏覽器IE6+、Firefox、Chrome、Safari、Opera選取器query(selector[,context]) div #intro div#intro .red span.red [name] [name=keywords]

今天研究了一下JS的用setAttribute方法實現一個頁面兩份樣式表的效果，具體方法如下： 第一步：在串連樣式表的元素裡定義一個id,例如 複製代碼 代碼如下:<link href=”1.css” rel=”stylesheet” type=”text/css” id=”css”> 我定義的id是css。 第二步：寫一個js函數，代碼如下： 複製代碼 代碼如下:<script type=”text/javascript”> function change(a){

DIV+CSS+JS實現不間斷橫向滾動代碼 複製代碼 代碼如下:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>橫向不間斷滾動DIV CSS代碼-DIVCSS5</title> </head> <body> <style>

源碼下載bxCarousel參數說明： move：每次滾動移動圖片的數量，預設為4。 display_num：展示圖片的數量，預設為4。 speed：圖片捲動速度，預設為500毫秒。 margin：圖片間的間距，預設為0。 auto：是否自動滾動，預設為false。 auto_interval：當設為自動滾動時，每次滾動的時間間隔（毫秒），預設為2000毫秒即2秒。 auto_dir：自動滾動的方向，預設為next，你可以試下prev。

一個項目想用jQuery做一個可以半摺疊的DIV元素，苦於jQueryUI中accordion沒有提供相關的方法，就自己寫了個。以前使用jQueryUI的時候發現能夠用的accordion全部摺疊起來了，沒辦法設定摺疊的最小高度。 代碼品質很低，希望老鳥能夠指點指點。 是效果展示，能夠藉由jQuery的函數展開收縮 複製代碼 代碼如下://author: hlhr //require: Jquery1.4 and above function

在Web項目的開發中,js,css檔案會隨著項目的開發變得越來越多,越來越大,這就給給效能方面帶來一些問題,如,頁面引入的的js,css越多的話,那麼對就增加了http請求數,解決該問題的一個好的方法就是合并js,css檔案. 下面就簡單介紹一個方法,十分簡單.下面介紹以合并js檔案為例 (1) G.js檔案 複製代碼 代碼如下:~function(){ window.G={}; G.Method={ add:function(){ alert(111);} ,sub:function(){

jQuery UI中兩大核心的css檔案是ui.core.css和ui.theme.css.這兩個css樣式貫穿整個基於jQuery ui的介面上，並且可以通過jQuery ui ThemeRoller來產生自己的樣式。 .ui-helper-hidden :為元素應用display:none .ui-helper-hidden-accessible：將元素的絕對位置設定為不可見 .ui-helper-clearfix:適用於浮動包裹父元素的屬性 .

今天遇到一個問題， 當隱藏表格行 Tr 時　 $id("tr_" + id + "_1").style.setAttribute('cssText',"display:none;");， 表格行 Tr 裡面的 select 在 IE6 中隱藏不了，還是會顯示在頁面當中。想單獨設定 select 的樣式為隱藏 $id("new_attpm_id2_" + id).style.setAttribute('cssText',"display:none;");

如：elem.style.height 或者 elem.style.height = '100px', 這裡要注意的是設定任何幾何屬性必須明確尺寸單位（如px），同時任何幾何屬性返回的是表示樣式的字串而非數值（如'100px'而非100）。另外像elem.style.height這樣的操作，也能擷取元素style屬性中設定的樣式值，如果你把樣式統一放在css檔案中，上述方法只會返回一個空串。為了擷取元素真實、最終的樣式，書中給出了一個函數 複製代碼 代碼如下://get a style

如何? Step 1 HTML 複製代碼 代碼如下:<ul class="topmenu"> <li><a href="#">Home</a></li> <li><a href="#">Tutorials</a> <ul class="submenu1"> <li><a href="#">Ch1</a></li> <li><

xmlns="http://www.w3.org/1999/xhtml"> 原始密碼： 新的密碼： （密碼長度為6~20位元組。不修改請留空）重複密碼： 郵箱設定： （我們不會給您發送任何垃圾郵件。）

複製代碼 代碼如下:var lCSSCoder={ format : function(s){//格式化代碼 s=s.replace(/\s*([\{\}\:\;\,])\s*/g,"$1"); s=s.replace(/\,[\s\.\#\d]*{/g,"{"); s=s.replace(/([^\s])\{([^\s])/g,"$1 {\n\t$2"); s=s.replace(/([^\s])\}([^\n]*)/g,"$1\n}\n$2"); s=s.replace(/([^\s]);(

str 是表示通過ajax返回的XMLRequest /*動態載入css style*/ function loadStyle(str) { var regExp_src=/<style.*src\s*=\s*["'][^"']*["'].*>[^<>]*<\/style\s*>/gi; var matchArray_src=str.match(regExp_src); alert(matchArray_src[0]); if(matchArray_src){

網頁採用了 UTF-8 編碼格式，這本來沒有問題，問題是外部 CSS 檔案預設是 ANSI 編碼，並沒有儲存為 UTF-8 格式。可能你會發現在一般情況下這樣也是沒有問題的，然而當 CSS 檔案中包含有中文注釋時就可能不盡如人意了！估計是 IE6 版本以下的瀏覽器在解析這個 CSS 檔案時因為編碼問題而無法正確解析，所以才會發生 CSS 在 IE6 下不起作用的情況。看來微軟已注意到這個問題，在 IE7 中把它修複了。但是用IE6 的人還是不少。因此這個問題需要解決： 　　 方法一：把 CSS、