CSS

文法：background-repeat : repeat | no-repeat | repeat-x | repeat-y 取值：repeat :　 預設值。背景映像在縱向和橫向上平鋪 no-repeat :　 背景映像不平鋪 repeat-x :　 背景映像僅在橫向上平鋪 repeat-y :　 背景映像僅在縱向上平鋪 說明：設定或檢索對象的背景映像是否及如何鋪排。必須先指定對象的背景映像( background-image )。此屬性對於 currentStyle

CSS設計徹底研究第3章筆記*紅色標記的為預設值border（邊框）：border-top，border-bottom， border-left，border-right     1.border-color（邊框顏色）；     2.border-width（邊框粗細）：medium|thin| thick|數值；    

 CSS設計徹底研究5.1節筆記屬性含義備忘font-family字型可以同時聲明多種字型，字型之間用逗號分隔。例：font-family:  Arial, ”Times New

CSS設計徹底研究5.2節筆記1.背景映像（1）設定背景映像：background-image : none | url ( url ) （2）映像平鋪方向：background-repeat : repeat | no-repeat | repeat-x | repeat-y（3）映像對齊：background-position : (center | top | bottom | length) | (center | left | right |

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;

頁頭：header登入條：loginbar標誌：logo側欄：sidebar廣告：banner導航：nav子導航：subnav菜單：menu子功能表：submenu搜尋：search滾動：scroll頁面主體：main內容：content標籤頁：tab文章列表：list提示資訊：msg小技巧：tips欄目標題：title加入：joinus指南：guild服務：service熱點：hot新聞：news下載：download註冊：regsiter狀態：status按鈕：btn投票：vote夥伴：pa

文章目錄 後話 Google 今日發布 HTML/CSS 代碼風格指南 (Google HTML/CSS Style Guide), 事實上這不是一套完整的開發規範, 我們可以認為是一份簡單的開發建議. 與我在《使用 Google Closure Linter 校正 JavaScript 代碼》中提到的 Google JavaScript Style Guide 一樣, 這份只能內容很少, 我用了不到一個小時就看完了,

box {2        /*非IE的主流瀏覽器識別的垂直置中的方法*/3        display: table-cell;4        vertical-align:middle;56        /*設定水平置中*/7        text-align:center;89        /* 針對IE的Hack */10        *display: block;11        *font-size: 175px;/*約為高度的0.873，200*0.873 約為17

css這個東西，說難不難，說容易也不容易。我覺得最重要的還是經驗的積累，正所謂的不積矽步，無以至千裡。這一系列文章講述幾種css特殊布局的實現，也當作為自己做個備忘吧。首先講的是三列布局，左右兩列寬度固定，中間一列寬度自適應這個很好實現，左右兩列分別左浮動和右浮動並給一個固定寬度，中間不浮動，也不設定寬度。這樣基本就可以了。但為了相容IE還必須做些工作。看下代碼結構： 效果為： 中間列要不要設定margin-left和margin-right

 IE6背景圖片緩衝bug解決方案：背景圖片緩衝bug是IE6眾多常見bug之一a.方法一：使用Javascript指令碼【推薦】 <!--[if IE 6]>   <script type="text/javascript"><!--   document.execCommand("BackgroundImageCache", false, true);   // --></script>  

這是我總結多年的一個小文檔，最近看見有人諮詢瀏覽器安全色的問題，就貢獻出來。 並不一定全，有的也可能不準確，比如新出的IE8、Chrome等都沒有太多涉及，雖然最近做的一些項目也相容了IE8、Chrome等，但都沒來的及總結進去，後來就忘了...汗。大家一起慢慢完善吧。javascript部分1. document.form.item 問題 問題： 代碼中存在 document.formName.item("itemName") 這樣的語句，不能在FF下運行 解決方案： 改用 document.

用DIV+css來寫網站結構也有一段時間，在此過程中發現有時候需要把字型設定成比12px，而比14px小的字型（13px在IE中無法區分出大小來和12px一樣）。今天發現用 font-size:small; 可以很好控制好字型的大小。 　　首先設定一個基礎值在標籤中 body{font-size:small;} 　　以這個字型大小為基礎，在其他標籤中設定百分比 h1{font-size:120%;} h2{ font-size:110%;} note{font-size:80%;}

一、用class_name方式寫類名。以前喜歡用class-name寫，不過好像兩樣也沒什麼差別。但我比較反對用className寫類名，因為始終對瀏覽器大小寫敏感的問題抱有懷疑態度。但是id我會寫成駝峰式，理由見下一條。二、樣式都用class而不用id。有三個理由，一，id不可以重複，所以用class的話，可以肆無忌憚的用無數次。二，id的優先順序太高，若是寫了一個#page_content a {color:#f60}

CSS設計徹底研究第1章筆記XHTML與HTML的重要區別1. 在XHTML中標記名稱必須小寫2. 在XHTML中屬性名稱必須小寫3. 在XHTML中標記必須嚴格嚴格嵌套4. 在XHTML中標記必須封閉5. 在XHTML中，即使是空元素的標記也必須封閉6. 在XHTML中屬性值用雙引號括起來7. 在XHTML中屬性值必須使用完整形式8. 在XHTML中，應該區分“內容標記”與“結構標記” 在HTML中引入CSS的方法      1.行內式 <h1 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html;

1、樣式剖析一個樣式由兩部分組成，網頁元素（Selector 選取器）和格式化指令（Declaration Block 聲明塊）。選取器可能是大標題、一段文本、一張照片等。聲明塊可以使文本變藍、給段落加邊框等。如：協助1234p {    color: red;    font-size: 12px;} Selector（選取器）：要進行樣式設定的一個或多個元素Declaration

<html> <head> <title>css圓角效果</title> <meta http-equiv="content-type" content="text/html; charset=gb2312"> <style type="text/css"> div.RoundedCorner{background: #9BD1FA} b.rtop, b.rbottom{display:block;background: #

      學習CSS有一些日子了，雖然不是經常使用，但有時間還會有意識地去看一些這方面的書或代碼。但就是沒有解決縱向置中的問題，都是用padding-top去控制，感覺怪怪的。今天到www.w3cn.org網站去看了些文章，無意中看到了這方面的例子示範。原來這麼簡單，一行代碼即可搞定。只需設定一下line-height即可。原文網址：http://www.w3cn.org/article/tips/2005/105.html原文如下：如何用CSS製作橫向菜單?作者：阿捷 2005-4-11 1

  jQuery學習入門之css（）和addClass（）的不同  這兩天研究jQuery的，剛剛開始入門，從昨天開始呢，就發現一個方法addClass的，教程裡有一個方法是這樣寫的  $(document).ready(function() {      $("p").addClass("red");     });  但是沒有仔細看這個的，以為red是具體的顏色red，然後當我自己寫例子，定義了一個$("p").addClass("Green"); 

以下測試環境是IE6： 1. 網頁圖片格式的選擇：gif, 適用於圖片顏色不是很多，精確度要求不是很高的時候。因為gif會使檔案比較小，這樣可以大大提高網頁瀏覽速度。jpg, 適用於比較精細的圖片，大量使用會使網頁速度下降。 2. 畫一條單像素線的兩種方法： <div style="border-bottom:1px dashed #ccc"></div>css： hr{ border: solid 1px black} <hr size="1px"