CSS

做企業網站時通常都會遇到需要做個側邊導航或者QQ之類的東西。通常在網站上看到的通過js時間的比較多。下面我主要介紹三種通過css來實現側邊欄隱藏顯示的效果。第一步 先把頁面中需要的元素給列出來。<dl id="box"><dt>側邊導航</dt><dd><a href="">QQ1</a><a href="">QQ2</a><a href="">QQ3</a><a

 關於最終樣式，IE和DOM在各自的實現上存在差異。1.IE中的最終樣式，代碼如下：<html> <head> <title>Accessing Style Sheets Example</title> <style type="text/css"> div.special { background-color: red;

作者: 藍色飛揚  日期: 2007-12-25 01:141. 檢查HTML元素是否有拼字錯誤、是否忘記結束標記即使是老手也經常會弄錯div的嵌套關係。可以用dreamweaver的驗證功能檢查一下有無錯誤。　　2. 檢查CSS是否正確檢查一下有無拼字錯誤、是否忘記結尾的 } 等。可以利用CleanCSS來檢查 CSS的拼字錯誤。CleanCSS本是為CSS減肥的工具，但也能檢查出拼字錯誤。　　3.

通過CSS和DIV實現一個表格出橫縱向捲軸，並且讓指定的列固定。多餘的話就不說了，代碼如下。<html>   <head>   <title></title>   <style type="text/css">   .Freezing {       z-index: 10;        position: relative;        top: expression(this.offsetParent.scrollTop)   

文章目錄 <th align=#> #=left, center, right 表格內文字的對齊/布局border 表格尺寸設定<table border cellspacing=#><table border cellpadding=#>  nowrap  控制不換行 .over_hidden{white-space:nowrap;overflow:

 說明：關於實現這個用途的文章，一般只是直接給了代碼，沒有對關鍵知識點的必要解釋。本文側重講解原理和關鍵點，為方便網友使用，在後面附加了具體的代碼，可實現將選擇的風格名稱存到cookie裡去。 本文：　　想要進行網頁的換膚，如果用普通的擷取各個顯示對象然後更改對象的各項STYLE屬性或者只是CLASS屬性，缺點是十分明顯的：　　１、涉及對大量的網頁內對象讀寫，並可能操作多項STYLE屬性，JS代碼量多。　　２、STYLE代碼分散，缺乏組織，更改維護麻煩。　　那麼更好的方法是什麼呢？　就是直接對L

nettuts帶來的5個css書寫技巧，簡單翻譯一下它的中心思想。　　1. CSS Reset/重設　　你也許需要先瞭解什麼是css重設。然後怎麼樣寫css重設呢。　　你可以copy Eric Meyer Reset, YUI Reset或其它css reset, 但你接下來應該根據你的項目改成你自己的reset.　　不要使用* { margin: 0; padding: 0; }

在CSS網頁布局開發中，會有很多小技巧，新手朋友往往對此很不熟悉。在某一兩個小問題上，或許糾纏很長時間才能搞明白，雖然在的文檔中，多次提及過這方面的內容，但依然有很多朋友在這些問題上犯錯。我們今天看看這些CSS技巧，認真讀一讀，或許您並不能完全理解，您可以在進行搜尋，擴充您所想要得到的知識，相信您會有很多收穫！一、ul標籤在Mozilla中預設是有padding值的，而在IE中只有margin有值。二、同一個的class選擇符可以在一個文檔中重複出現，而id選擇符卻只能出現一次。對一個標籤同時使

 經過學習我們越來越深刻的認識到css相比較之前學習的HTML具有哪些優勢，我們認為有以下技術優勢：　　1、方便修改網頁格式：css對網頁樣式的控制可以獨立地進行，因而修改、更新起網頁起來都顯得異常輕鬆容易。　　2、輕鬆增加網頁的特殊效果：在網頁中過多的使用映像會破壞原有文字的儲存格式，並且會加長下載時間，如果使用了css中的映像濾鏡，就可以在不增加網頁體積的情況下實現一些特殊的視覺效果，為網頁添加生氣。　　3、使用網頁元素更準確的定位：之前HTML中使用的表格用來定位表格元素，而且表格只適用於

這裡引用的是Jorux的“95%的中國網站需要重寫CSS”的文章，題目有點嚇人，但是確實是現在國內網頁製作方面的一些缺陷。我一直也搞不清楚px與em之間的關係和特點，看過以後確實收穫很大。平時都是用px來定義字型，所以無法用瀏覽器字型放大的功能，而國外大多數網站都可以在IE下使用。因為1. IE無法調整那些使用px作為單位的字型大小；2. 國外的大部分網站能夠調整的原因在於其使用了em作為字型單位；3.

1.標籤在Mozilla中預設是有padding值的,而在IE中只有margin有值.2.同一個的class選擇符可以在一個文檔中重複出現,而id選擇符卻只能出現一次;對一個標籤同時使用class和id進行CSS定義,如果定義有重複,id選擇符做的定義有效.3.一個相容性調整(IE和Mozilla)的笨辦法:初學可能會碰到這樣一個情況:同樣一個標籤的屬性在IE設定成A顯示是正常的,而在Mozilla裡必須要設成B才能正常顯示,或者兩個倒過來.臨時解決方案:選擇符 {屬性名稱:B

   　網頁中我們經遇到重新整理要保留表單裡內容的時候，習慣的做法使用cookie，但是那樣做實在是很麻煩，css中的behavior就為我們很好的解決了這個問題。　　比如：　　<input style="behavior:url(#default#savehistory)" name="youname" type="text" id="yourname" size="10"

1. ie6單獨設定屬性只要這樣寫*html .class{}這裡的.clss換成你想要的名稱就可以。也可以是id的。2.執行個體p {color:red;*color:pink;_color:yellow;_color /* */:green;}第一個color所有瀏覽器可讀第二個color所有IE系瀏覽器可讀第三個color只有IE5、IE6可讀第四個只有IE5可讀3. IE7不錯的hack方式：使用“*+html”！樣本如下：XML/HTML代碼Example Source Code

font-weight -- 定義字型的粗細取值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit normal:正常,等同於 400bold:粗體,等同於 700bolder:更粗lighter:更細100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 |

     http://www.devx.com/tips/Tip/13638    CSS中的visibility和display兩個屬性很容易被混淆，因為它們看起來是做同樣的事情，但實際上，這兩個屬性是完全不同的。 visibility屬性用來設定一個給定的元素是否顯示（visibility="visible|hidden"），但是，雖然一個元素的visibility被設定為hidden，但是該元素仍然會佔據設計的位置：<script language="JavaScript">

乘著閑暇時間，自己弄了個web，主介面是用div+css布局，用ajax+javascript進行介面控制及擷取資料！我就說說其中的div+css布局。整個頁面分為三大塊，可以稱之為：頁首（站標+橫幅），主體（左邊菜單+右邊內容），頁尾（顯示著作權及備案等資訊）。三大塊我用position:relative;相對定位來設定，這樣有個好處，就是當某一塊內容太多要闊漲時，其它部分也會相應的調整位置。每一塊內部採用float為left或right布局；在主體中，我左邊為#divLeft{}{    w

<div style="width:200px;border:#999999;">  <div style="height:30px;background:url(tbg.jpg)"> 產品報價 </div>   <div style="font-size:14px;color:#ff00ff;float:left">筆記本</div><div

//根據傳入的參數不同，使用不同的色彩配置：// 優先順序是： url 參數優先順序最高、然後是cookies 值// 從url 字串中提取變數的值function GetQueryValue(sorStr,panStr) {  var vStr="";  if (sorStr==null || sorStr=="" || panStr==null || panStr=="") return vStr;  sorStr = sorStr.toLowerCase(); panStr += "=";

  從IE

隨著網頁標準化觀念深入人心，越來越多的網站採用了CSS架構。CSS架構的網頁不但符合W3C標準，並且還非常美觀。標準化網頁從漂亮的CSS菜單開始。    眾所周知，CSS菜單都是一段代碼、一段代碼的編寫出來，產生漂亮菜單，今天給大家介紹一款小的軟體：CSS Tab Designer！　　點擊這裡下載該小軟體(1.35M)    CSS Tab Designer是一款使用CSS來設計導覽功能表的可視化軟體，軟體內建60多種不同風格的樣式，只需修改現成樣式模版，就能快速產生CSS菜單。特別值