CSS

azimuthbackground-attachment -- 背景圖片隨捲軸的移動方式background-color -- 背景顏色background-image -- 背景映像background-position -- 背景圖片的位置background-repeat -- 背景圖片的顯示方式background -- 統一背景border -- 統一邊框所有屬性border-bottom -- 統一下邊框border-bottom-color --

最簡化常用的reset * { padding: 0; margin: 0; border: 0; }   YUI Reset CSSbody,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, form,fieldset,input,textarea,p,blockquote,th,td { padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; }

在使用CSS實現表現的時候，會經常接觸到display:inline-block這一屬性，無論是初接觸Web標準還是接觸標準已久的朋友，大都會對這一屬性感覺很迷惑和模糊。display:inline-block將對象呈遞為內聯對象，但是對象的內容作為塊對象呈遞。旁邊的內聯對象會被呈遞在同一行內，允許空格。但對於這個屬性不是所有瀏覽器都識別。支援的瀏覽器有：Opera、Safari但很遺憾，最流行的IE和Firefox卻不支援這個屬性（據說下一版本的Firefox將會支援display:inlin

1 <SCRIPT> 2 function switchSysBar(){ 3 if (switchPoint.innerText==3) 4 { 5 switchPoint.innerText=4 6 document.all("frmTitle").style.display="none" 7 } 8 else 9 {10 switchPoint.innerText=311

上一篇《前端代碼標準最佳實務：javascript》發表後，大家討論還是很熱烈，從側面體現了前端工程師對寫標準的前端代碼的重視程度很高。這些最佳標準實踐並不是那個權威組織發布的，而是由大量的前端工程師們在實踐過程中的經驗總結，目的在於提高代碼的可讀性，可維護性和效能。那麼接著上一篇，我們再來談談CSS代碼的一些標準實踐。1，命名和其他語言規範一樣，css的命名也講究命名要有意義，命名要儘可能短但是要足夠表達含義；命名的詞用連字號串連。不規範的命名：#navigation{}.demoimage{

最好的方式是word-wrap:break-word; overflow:hidden;而不是word-wrap:break-word; word-break:break-all;也不是word-wrap:break-word; overflow:auto;在 IE 下沒有任何問題，在 FF 下，長串英文會被遮住超出的內容。word-wrap同word-break的區別word-wrap:normal   Default. Content exceeds the boundaries of

Blueprint 是一個 CSS 架構，它可以讓你用很整潔的代碼來將頁面劃分成很複雜的網格結構（grid）。Blueprint 並沒有提供一個可視化的工具來讓你產生網格結構的 CSS 代碼。而 Boks 的出現，正好彌補了 Blueprint 沒有提供視覺化檢視的缺憾。  在主介面的格子上拖拽，就可以輕鬆畫出你想要的布局。在下面的面板裡，都可以為每一個 DIV 設定 ID，Class 和 HTML 程式碼等。繪製完成之後，點擊 Export 就可以匯出為網頁檔案了。 注意，此軟體需要下載

三欄布局是目前最常見的網頁布局，主要頁內容放在中間一欄，邊上的兩欄放置導航連結之類的內容。基本布局一般是標題之下放置三欄，三欄佔據整個頁面的寬度，最後在頁的底端放置頁尾，頁尾也佔據整個頁面寬度。 

Style PropertiesThe following lists some of the custom style properties that Mozilla supports. Properties:-moz-appearanceUsed to cause an element to take its border, background style and sizefrom the operating system's theme. This causes XUL

一 背景　　關於偽類，或連結偽類，可能我們都知道a標籤的一些寫法，a:hover,a:focus,a:visited,然後寫下不同的樣式，表示連結在各種狀態下的表現。我們可能也遇到過input:focus的寫法，表示輸入框遇到了焦點的樣式。對於偽類，多數人一知半解，或僅僅記住lvoe等口訣。更讓人不清晰的是各個偽類的具體含義。下面較為詳細的解說。二

一 背景　　本文不討論普通元素的大小和位置，僅僅討論頁面的大小和位置，而且為了簡化問題，本文只討論高度與頂部距離。筆者發現，頁面的寬度與高度的表現有很多不同，細心的朋友會發現，故頁面寬度另起文討論，文章已經寫好，見頁面寬度發微。　　這裡說的頁面高度，是指瀏覽器頁面的高度。有以下四種元素能夠表現頁面的高度：window,html,document,body。這些元素的高寬常常不被人注意，卻經常使用，比如彈出層的置中，拖動層的拖動範圍，頁面配置等等問題都離不開頁面的高寬及定位。上面四個元素或對象中，

　　這是一些極易混淆的概念。仔細分析，這些值都是用來對元素進行定位的，下面逐一介紹。本文只介紹width,left等值，與其對應的是 height,top。本文還只介紹在Firefox下的表現，我認為，先不要考慮在IE各版本，Chrome等瀏覽器下的表現，這樣一來，問題就單純 了，容易理解。一 寬度的基礎　　何為寬度，在CSS中，width屬性指元素內容區的

關於兩者的區別，其實是很古老的問題。但是時至今日，由於各種網路誤傳以及一些不負責任的書籍誤筆，仍然有相當多的人將偽類與虛擬元素混為一談，甚至不乏很多CSS老手。早些年剛入行的時候，我自己也被深深誤導，因為論壇裡的文章大多不關心這種概念的細微差別，即使有人出來說一句：“這兩個是不同的”，也只是被更多的文章淹沒掉而已。所以覺得有必要寫下這些我所知的部分，這裡著重寫的是為什麼這兩者不同，以及一些平時容易錯過的細節。無論是偽類還是虛擬元素，都屬於CSS選取器的範疇。所以它們的定義可以在CSS標準的選取器

在任何一個項目或者系統開發之前都需要定製一個開發約定和規則，這樣有利於項目的整體風格統一、代碼維護和擴充。由於Web項目開發的分散性、獨立性、整合的互動性等，所以定製一套完整的約定和規則顯得尤為重要。基於目前廣東人才網新改版方案已全面啟動，為了更好的使新改版項目能夠順利有效進行，特製定以下CSS命名規範文檔作。一.  檔案夾命名規範檔案夾命名採用英文，長度一般不超過20個字元，命名採用小寫字母。除特殊情況才使用中文拼音，檔案夾命名如： Images(存放圖形檔案)

基本樣式以及使用：Css單位：1、元素定位的屬性值：Position：一個比較基礎的屬性。用法：XML元素名{position:[absolute | relative | static

【通用選取器】對於通用選取器還有一個不得不提的用法，就是為了保證作出的頁面能夠相容多種瀏覽器，所以要對HTML 內的所有的標籤進行重設，會將下面的代碼加到CSS 檔案的最頂端*{margin:0; padding:0;} 為什麼要這麼用呢，因為每種瀏覽器都內建有CSS 檔案，如果一個頁面在瀏覽器載入頁面後，發現沒有CSS 檔案，那麼瀏覽器就會自動調用它本身內建的CSS 檔案，但是不同的瀏覽器內建的CSS

內容簡述：display:block 內嵌元素定義高和寬(轉為塊元素)float:left 塊元素位於同一行Firefox地區浮動，在第2個塊元素加float:leftIE6的一個BUG（距離瀏覽器的左邊距並不是CSS 代碼中定義的20像素，而是40像素），display:inline怎樣才能讓紅色地區水平定位於瀏覽器的正中間，無論瀏覽器視窗的大小，顯示器解析度的大小。margin:0 auto; Code highlighting produced by Actipro

以下內容摘自 http://mingelz.com/2009/08/dawn-css-reset/之前在做頁面時，一直使用YUI的CSS Reset，後來還跟著它升級到了3.0beta1 版。當然，我每次都會在YUI的基礎上適當精簡，以方便自己在項目中的使用。後來陸續看到了Shawphy的《打造自己的 reset.css》和射鵰的《Reset CSS 研究（技術篇）》，然後便想到既然巨人們就在眼前，我何不站在他們肩膀上總結一套自己的CSS

CSS file 收藏  /* CSS file *//* Global{color: #FFFFFF;themeColor: #000000;} */Application{color: #FFFFFF;backgroundColor: #000000;backgroundImage:

如何組織CSS-分層應用 css 的能力分兩部分：一部分是css的API，重點是如何用css控制頁面內元素的樣式；另一部分是css架構，重點是如何對 css 進行組織。如何組織 css 可以有多種角度，例如按功能劃分，或者按區塊劃分。這裡講一下 base.css + common.css + page.css 的組織方法。將網站內的所有樣式，按照職能分成三大類：base、common、page，這三者是層疊結構。1、base 層-精簡通用位於三者的最底層，提供 css reset