CSS

　　CSS網頁布局應避免濫用DIV元素一直是我們所倡導的，以合適的HTML標籤組織文檔是CSS網頁布局的基礎。　　頁面中div與span元素的使用是一個新問題，我們也容易過多的使用它們。必要及合理地使用div可以明顯的增強文檔的結構性，這也是我們一直提倡的。　　如果你審視你的HTML文檔，發現有著很多的div與span，那你就得換一個眼光來看問題了，是不是存在濫用的情況?是不是還有更好的標記來替代它們?如h1可以更好地表示所標記的內容，那你就得放棄p或span來定義。　　或許這是一對矛盾，我們本

 　　Dreamweaver是集網頁製作和管理網站於一身的所見即所得 (WYSIWYG)網頁編輯器。由於DW的功能之強大，所以可以在他裡面直接定義css(樣式表)，而就是這css給我出了個小難題。　　事情是這樣的， 我用css主要是改變一下我的超級串連的顏色和底線的有無。在DW裡定義css的確很方便，裡面的參數他都為你設定好了，只要你點滑鼠就行了。正是由於他的簡單，而使他帶來了一個小問題(就我自己認為)：　　以下為引用的內容：　　style

 　　同一個元素被CSS選擇符選中時，就要按照優先權取捨不同的CSS規則，優先權問題是一個衝突解決的問題。　　首先就是CSS規則的specificity(特殊性)，CSS2.1有一套關於specificity的計算方式，用一個四位的數字串(CSS2是三位)來表示，最終specificity越高的規則越特殊，在優先順序判定時也就越有優勢。關於specificity的具體計算在各種情況下的數字加成有如下一般規則：　　每個ID選擇符(#someid)，加

 　　不知道從什麼時候開始，在網路上到處可以看到div+css，到底什麼是div+css呢?難道就是傳說中的標準重構嗎?標準從最簡單的根源來說不是合理使用xhtml的標籤嗎?可為什麼還是有這麼多div+css呢?既然可以div+css，那為什麼不可以叫span+css ul+css

xhtml+css網站重構web標準等等之類的文章太多了，我就不重複了，發個最簡單的製作xhtml+css頁面的方法，方法雖然很簡單,但真不一定有幾個人知道.... 起碼google搜尋沒搜尋到。　　開始吧:　　1、開啟photoshop cs2 ，開啟設計出的網站首頁。用切片工具切好。　　圖:　　　2、點 檔案-》儲存為web所用格式 快速鍵為ctrl+alt+shift+s ，點右上倒三角的小圖片，選擇Edit output settings　　圖:　　3、見圖，在第二個下拉中選擇

 首先看一下預覽介面：　　　　下面開始講述一下完成上述頁面的步驟。　　1.

　　CSS正在改變網站設計的進程。為迎合不斷增長的傾向於CSS的設計人員的需求，Macromedia DW MX引進了一些新的及改善過的CSS相關的特性。有了這些新的特性，你可以為未來的更新作好計劃，開發與W3C標準更加相容的網站。　　一般地講，樣式表(style

 在以前，為Web頁面建立一個印表機友好的版本意味著要設計一個布局和格式都經過修改的單獨頁面，這樣才能夠在列印的時候獲得令人滿意的效果。現在，通過使用結構化的XHTML和CSS，你可以實現同樣的效果而只用花費少得多的精力。　　從螢幕顯示到列印效果 　　大多數的Web頁面都是設計適用於在電腦螢幕上觀看的。然而，有的時候使用者需要將某些頁面列印出來，也許就是為了保留一個長期的記錄，或者將其用作方便的離線參考資料。 　　現在的麻煩是，讓Web頁面在電腦彩色螢幕上看起來引人

 input:checked+ol:這個是講當inoput 擁有了checked後它平級的OL擁有的樣式。 input:checked+ol>li:中的大於是指當inoput 擁有了checked後它平級的OL下面兒子輩的li的樣式，孫子輩的不繼承。 Html代碼  代碼如下:<!DOCTYPE html> <html lang="zh-cn"> <head> <meta

 今天要為各網友再帶來一款css實現的滑鼠經過按鈕的特效。按鈕初始時，邊框為斷開的按鈕，當滑鼠經過按鈕時動畫變為封閉的邊框。效果圖如下： 我們一起看下實現的代碼： html代碼：代碼如下:<body> <a target="_blank" class="btn-edge" href=http://www.jb51.net>Hover Me</a> </body> css代碼：代碼如下:

 <!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"

　　飛魚的聲納頂部的搜尋方塊讓我頭疼了很長時間，原因是總不能獲得跨瀏覽器的統一樣式。主要的問題有這麼兩個：一是input標籤的高度不能統一，Firefox和IE中的高度始終不能一致;二是在IE瀏覽器中屬性為text的input標籤中的輸入文字不像標準瀏覽器中的那樣垂直置中顯示，而是靠輸入框的左上方顯示。　　為了徹底解決搜尋方塊的這些問題，我以GreenGaint主題搜尋方塊的樣式為準，重寫了一遍代碼並且以像素為單位測量了一下在沒有任何樣式表的情況下<input>標籤在預設瀏覽器中的實

　　1.重設　　首先，很認真的告訴你，總是要重設某些分類。無論你是使用 Eric Meyer Reset、YUI Reset或者你自己編寫的重設代碼，只要使用就對了。　　它能很簡單的移除所有元素的填充(padding)和邊距(margin)：　　html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,　　pre, form, fieldset, table, th, td { margin: 0

　　1、ul標籤在Mozilla中預設是有padding值的，而在IE中只有margin有值。　　2、同一個的class選擇符可以在一個文檔中重複出現，而id選擇符卻只能出現一次;對一個標籤同時使用class和id進行CSS定義，如果定義有重複，id選擇符做的定義有效，是因為ID的權值要比CLASS大。　　3、一個相容性調整(IE和Mozilla)的笨辦法：初學可能會碰到這樣一個情況：同樣一個標籤的屬性在IE設定成A顯示是正常的，而在Mozilla裡必須要設成B才能正常顯示，或者兩個倒過來。　　

 精美的表格是前端開發用到的一個組件，很多時候我們利用複雜的頁面style代碼，來產生這樣的表格，造成了頁面的修改性和可讀性都非常差。這裡推薦直接使用css來產生一個細線表格。 使用方法也很簡單： 第一：匯入table.css 代碼如下:<link rel="stylesheet" type="text/css" href="./css/table.css"/> 第二：套用格式

 　　當然，產生縮圖這個工作如果交給程式來完成，效果會好很多，但是有時出於某種因素，例如伺服器不支援GD之類的，難免就要請CSS代勞。　　把一副大圖片按比例縮小到某個尺寸，對於現代瀏覽器，直接使用max-width和max-height兩條CSS屬性即可。　　對於IE

 　　讓我們來說說calc()功能。這個函數能讓你執行簡單的算術計算，例如計算元素的長寬，免去了你寫不易維護的Javascript代碼。這個函數支援所有簡單的基本算術運算，包括加減乘除。　　比方說，你想建立一個元素，使它的寬度佔滿它的父元素，但還要留出一部分像素寬做其它用處：　　.parent {　　width: 100%;　　border: solid black 1px;　　position: relative;　　}　　.child {　　;　　left:

 　　在CSS 2.1在就已經支援的功能是counter()，使用它，你能方便的在頁面標題，區塊和其它各種連續出現的頁面內容上添加序號。有了它，你就不必限制於只能使用來實現這個效果，你可以更靈活的在頁面上使用自訂數字序列。   　　關鍵就是它真的很簡單：在:before偽類裡的content屬性加入counter()： 　　body { 　　counter-reset: heading; 　　} 　　h4:before {

 　　一、什麼是CSS優先順序?　　所謂CSS優先順序，即是指CSS樣式在瀏覽器中被解析的先後順序。當同一個元素(或內容)被多個CSS選擇符選中時，就要按照優先權取捨不同的CSS規則。　　二、為什麼要研究CSS優先順序?CSS優先順序與門戶系統有什麼關係?　　研究CSS優先順序的主要目的就是解決多個CSS選擇符選中同一個元素時的衝突問題。在門戶系統中，為了保證所有的頁面能正常展示，幾乎所有的微件及頁面都有基礎CSS樣式，但是門戶系統是開放的、個人化的平台，大部分樣式都給予了使用者修改權

 給連結定義樣式a:link 表示尚未訪問的連結，滑鼠未划過和點擊a:visited 表示已經訪問的連結a:hover 表示滑鼠劃入的連結a:active 表示啟用的連結，也就是滑鼠點選連結的一瞬間注意上面這四個連結的偽類在使用的時候要有一定的順序，即上面列舉的順序，否則看不到效果。可以簡單記為LOVE(包含link和visited首字母)和HATE(包含hover和active的首字母)。給段落定義樣式:first-letter 為一行中的第一個字元建立樣式:first-line