CSS

使用DIV+CSS構架好處不少，但也確實存在一些問題，現在讓網頁設計師最頭疼的事莫過於DIV+CSS對瀏覽器的相容性了，可能你用慣了IE6，做出來的東西沒感覺到有多大異常，但是把同樣的東西放到IE7裡去看的話，就會發現很多問題，如果放到Firefox瀏覽器裡去看，結果更不盡人意。    一個頁面從製作的開始就決定了他要使用的瀏覽器解析css模式，瀏覽器模式的不同，就造成了各個瀏覽器對頁面顯示的差異。瀏覽器解析css有兩種模式,quirks mode和strict

<img src='http://www.lshdic.com/bbs/image/mu.jpg' onmousewheel='alert("滾輪值"+event.wheelDelta)' onclick='this.style.zoom=parseInt(this.style.zoom)+1' oncontextmenu='this.style.zoom=parseInt(this.style.zoom)-1;return false'id=a

Javascript+css實現網頁換膚功能原理:通過存取cookie和dom操作調用不同的樣式表檔案來實現前台換膚.Html代碼部分:1.要有一個帶id的樣式表連結,我們要通過操作這個連結來調用不同的href.<link href="css/main0.css" rel="stylesheet" type="text/css" id="cssfile" />2.皮膚選擇按鈕(後台為每個li添加onclick事件,觸發換膚功能)<ul id="skin"> <li

 2．6 pseudo-classes and pseudo-elements偽類和虛擬元素pseudo-class和pseudo-element selector可以將sytle應用到文檔中不存在的結構上。也可以應用到phantom classes上，而phantom

下面的文章來自http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html對文字的大小問題有很好的講解，作者最早提供了一種現在看來最好的文字大小的控制方法。body{font-size:76%}p{font-size:1em}h1{font-size:1.5em}在body中使用百分數，因為大多數的瀏覽器的預設字型是16px的，但是16px的字型大小略大，很多人喜好12px，因此用76％來得到12px。然後css的其他

 1．2 跟css有關的標記，指令1．2．1 link<link rel="stylesheet" type="text/css" href="sheet1.css" media="all" />link標記的用意是允許將html與其他文檔相關聯。Css用link將css文檔與html文檔想關聯。Css文檔雖然不是html的一部分，但是被html使用，從外部style

在用CSS布局頁面的時候，我們會將HTML標籤分成兩種，塊狀元素和內嵌元素（我們平常用到的div和p就是塊狀元素，連結標籤a就是內嵌元素）。是在CSS布局頁面中很重要的兩個概念，必須要理解透徹！既然說到概念就先看看塊狀元素和內嵌元素的定義。註：這節課看似挺長，其實內容很少，通過舉例子讓大家更容易理解而已，不要被眼前的文字和代碼嚇到喲~引用:塊狀元素一般是其他元素的容器，可容納內嵌元素和其他塊狀元素，塊狀元素排斥其他元素與其位於同一行，寬度(width)高度(height)起作用。常見塊狀元素為d

一， 如需要固定高度及寬度，如下：<div style='height:50px;width:205px;overflow:hidden;'>....</div>關鍵點：overflow:hidden用途：將超出部分文字就隱藏二，如需固定寬度，但對超出長度的文字顯示省略符號，如下：<div style='height:50px;width:205px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;

CSS表單-文本輸入框美化CSS教程 [code]昨天我做了一個表單範本給大家看，眩目漂亮的時尚表單範本，今天我就來仔細分解一下文本輸入框的美化步驟，高手就飄過了。 css美化其實就是一個原理的問題，如果把原理搞清楚了，很多事情就容易明白了。 首先我們都知道文本輸入框如果不做css美化，直接把它放在頁面裡面，很難和整體設計融合起來，這也是我們要做美化的主要原因。下面是一個input文本輸入框的html代碼：

 1 <style>* {margin:0; padding:0; font-size:1em;}#header { width:800px; height:100px; margin:0 auto; background:#06f;}#divall {width:800px; margin:0 auto; background:#fff;}#footer {width:800px; height:60px; margin:0 auto;

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

一、使用css縮寫使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。二、明確定義單位，除非值為0 忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以唯寫width=100，但是在CSS中，你必須給一個準確的單位，比如：width:100px width:100em。只有兩個例外情況可以不定義單位：行高和0值。除此以外，其他值都必須緊跟單位，注意，不要在數值和單位之間加空格。三、區分大小寫

首先說明在CSS中的vertical-align屬性只對(X)HTML元素中擁有valign特性的元素才生效，例如表格元素中的<td>、<th>、<caption>等，而像<div>、<span>這樣的元素是沒有valign特性的，因此使用vertical-align對它們不起作用。 一、單行垂直置中

著作權聲明：原創作品，允許轉載，轉載時請務必以超連結形式標明文章原始出版、作者資訊和本聲明。否則將追究法律責任。http://blog.csdn.net/mayongzhan - 馬永占,myz,mayongzhan 最近發現csdn把直接的訂閱地址給幹掉了,目前只能通過feedsky訂閱,目的顯而易見,1是feedsky的訂閱是有錢可以分成的,2是csdnblog排名利 用了feedsky,沒辦法只能顯示csdn官方的訂閱,csdn你還能更狠點麼?#SubscriptionList

在WEB開發過程中，資訊錄入介面中，經常會有一個特殊的輸入元素，如：必要欄位、日期選擇欄位、在快顯視窗中選值的欄位，使用CSS來設定這些元素的外觀，可以省去一些不必要的按鈕、提示，使頁面更加簡潔。　　效果如下：　　實現這樣的效果，只須一張圖片：CSS代碼很簡單：Html代碼

一、  善用css縮寫規則 /*注意上、右、下、左的書寫順序*/ 1.      關於邊距（4邊）： 1px 2px 3px 4px (上、右、下、左) 1px 2px 3px    （省略的左等於右） 1px 2px        (省略的上等於下) 1px            （四邊都相同） 2.      簡化所有： */ body{margin:0}------------表示網頁內所有元素的margin為0 #menu{

filter:alpha(opacity=50);opacity:0.5;Opacity: 相對於IE。Firefox似乎好像不支援。 值：以百分比為值，100 表示不透明度為100%；50側代表不透明度為50%。-moz-opacity: 相對於FF，Firefox。 值：以小數點為值，1 表示不透明度為100%；0.5側代表不透明度為50%。注意：上面的濾鏡IE8不支援。因此我們需要用 <meta http-equiv="X-UA-Compatible" content="IE=7"

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

著作權聲明：原創作品，允許轉載，轉載時請務必以超連結形式標明文章原始出版、作者資訊和本聲明。否則將追究法律責任。http://blog.csdn.net/mayongzhan - 馬永占,myz,mayongzhan 心情小改動發現設定了不可回複不好用，還是有很多人在回貼。沒辦法，把回貼的div隱藏掉，如果真需要回複的同學，請自己想辦法開啟div，或者留言。 詳見紅字 #SubscriptionList {display:none;}#csdnblog_allwrap

知道CSS Reset是什麼嗎？通常情況下，它也被寫成Reset CSS，即重設瀏覽器的樣式。在各種瀏覽器中，都會對CSS的選取器預設一些數值，譬如當h1沒有被設定數值時，顯示一定大小。但並不是所有的瀏覽器都使用一樣的數值，所以，有了CSS Reset，以讓網頁的樣式在各瀏覽器中表現一致。正在使用CSS的你，用過CSS Reset嗎？當然，或許你用了，卻不知道正在用，比如你可能用到：* { padding: 0; margin: 0; border: 0; }這也是一 款CSS