CSS

CSS兩列布局，右側固定，左側自適應寬度  <div style="width:90%; margin:0 auto; overflow:auto; _display:inline-block;">      <div style="width:200px; float:right; background:#090">這是右側的內容</div>      <div style=" margin-right:210px; background:#F33"&

 命名參考  頁面結構類 描述底線命名駱駝式命名參考命名面板dashboard  容器containercontainer 頁頭headerheader 內容contentcontentcontainer外圍控制wrapperwrapperwrap頁面主體mainmain 欄目columncolumn - 寬欄目wide_columnwideColumn - 窄欄目narrow_columnnarrowColumn 欄bar  側邊欄sidebarsidebar 網站地圖

YUI Compressor簡介JS/CSS檔案壓縮公用程式，壓縮原因以及作用自行腦補，更多介紹可查看 http://yui.github.io/yuicompressor/地址：https://github.com/yui/yuicompressor如何使用首先要確保安裝了JDK，關於JDK的安裝，可參考http://www.cnblogs.com/chyingp/archive/2013/04/09/jdk.html下面拿個簡單的例子做示範（macx控制台下操作，windows操作類似）1、

想得到如下的頁面效果，例如用於遮罩層的位置控制： 頁面代碼：<div class="divOuter"> <div class="divInner"> divInner為頁面內置中顯示的塊 </div></div>嘗試了多次，最後採用如下方案(不相容ie5.5)：.divOuter { position:relative; margin:0 auto; /* ie5.5 不支援 */

一、只需要在樣式中加入，html{height：100%;}就正常了。二、一些情況下在有ie不相容情況，可以用 *html  (樣式名稱){css代碼}，可以實現強制選擇ie6執行的情況； 用*+html 樣式名稱{css代碼}，實現ie7

在IE6、IE7和FF中瀏覽頁面效果。發現在IE7中，ul底部的間隔消失了，也就是li的下外邊距定義沒有起到作用。這時候我們就要利用CSS HACK來修複它，利用*+html  *+html

CSS對瀏覽器的相容性有時讓人很頭疼,或許當你瞭解當中的技巧跟原理,就會覺得也不是難事,從網上收集了IE7,6與Fireofx的相容性處理方法並整理了一下.對於web2.0的過度,請盡量用xhtml格式寫代碼,而且 DOCTYPE 影響 CSS 處理,作為W3C的標準,一定要加 DOCTYPE聲名. 　　 　　CSS技巧 　　 　　1.div的垂直置中問題 vertical-align:middle; 將行距增加到和整個DIV一樣高 line-height:200px;

<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head>     <meta charset="utf-8" />     <title>純CSS和Javascript實現的遮罩層</title>     <style>         #cover         {

在CSS中關於position定位的內容是：position: relative | absolute | static | fixed  static(靜態) 沒有特別的設定，遵循基本的定位規定，不能通過z-index進行層次分級。 relative(相對定位) 對象不可層疊、不脫離文檔流，參考自身靜態位置通過 top,bottom,left,right 定位，並且可以通過z-index進行層次分級。 absolute(絕對位置) 脫離文檔流，通過 top,bottom,left,right

<META http-equiv=Content-Type content="text/html; charset=gb2312"><STYLE>BODY {FONT-SIZE: 14px; MARGIN-LEFT: 60px}DIV {height:25;padding:3;BORDER-RIGHT: lightblue 1px solid; BORDER-TOP: lightblue 1px solid; FILTER:

  CSS 3 標準隨著AJAX 及jQuery 的出現，CSS 也在不斷地自我完善。CSS 3 吸取了多年來Web 發展的需求，提出了很多新穎的CSS 特性。  例如：CSS 3 中的圓角矩形 border-radius 屬性（但在IE 瀏覽器中無效）。<html><head><title>圓角矩形</title><style type="text/css"><!--div{   

 CSS與JS緊密配合，為我們的頁面增添了很多別緻的效果。為了達到某種特殊的效果我們需要用Javascript動態去更改某一個標籤的CSS屬性。    比如：滑鼠經過一個圖片時我們讓圖片加一個邊框，代碼可能是這樣：JavaScript中style後面的屬性應該是什嗎？<script type="text/javascript">        function imageOver(e) {            e.style.border="1px solid red";     

以前我接受了網上不少博文的說法，一直認為學習css的三大最重要問題是：盒模型、定位、浮動。因為這三塊的內容決定了css布局的能力。但是通過上一篇日誌的分析，xhtml要實現和css的解耦，就要盡量不依賴於css（或者說不要純粹為了給css預留介面而添加不必要的class和id），那麼，在用css布局之前，其實就有一個更緊迫的任務擺在我們的面前——如何將css規則準確應用到目標元素。於是，css選擇符的地位在這個前提下就空前的提高了。所以，在開始學習盒模型、浮動、定位之前，有必要回顧一下選擇符。 

<html><head><title>LIGHTBOX EXAMPLE</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" />    <style type="text/css">          .black_overlay{             display: none;              position

以下 .lv 樣式為：為一個表格的 左，右，底 三個邊加一個像素的邊框.lv { border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #83B12B; border-left-color: #83B12B; border-bottom-width: 1px; border-bottom-style:

轉自：http://blog.csdn.net/mengyao/archive/2008/05/22/2468068.aspx方便自己查閱1.firefox不能對innerText支援。firefox支援innerHTML但卻不支援innerText，它支援textContent來實現innerText，不過預設把多餘的空格也保留了。如果不用textContent，如果字串裡面不包含HTML代碼也可以用innerHTML代替。2.禁止選取網頁內容：在IE中一般用js：obj.onselectst

說明：√的意思就是全支援           Δ的意思就是支援但有些部題存在          Χ的意思很明顯就是不支援了一.對CSS偽類的支援：

區別IE6與FF：       background:orange;*background:blue; 區別IE6與IE7：       background:green !important;background:blue; 區別IE7與FF：       background:orange; *background:green; 區別FF，IE7，IE6：     

1. link標籤是屬於xhtml範疇，而@import則是css2.1中特有的。link標籤除了可以載入CSS外，還可以做很多其它的事情，比如定義RSS，定義rel串連屬性等，@import就只能載入CSS了。 2. 載入的順序的區別，link載入的css時，是一種並行(沒有嘗試是否是這樣)載入CSS方式，而@import則在整個頁面載入完成後才載入。3. 相容性的區別，因@import是CSS2.1才特有的，所以對於不相容CSS2.1的瀏覽器來說，無效。4.

塊元素一般都從新行開始，它可以容納內嵌元素和其他塊元素,常見塊元素是段落標籤'P"。“form"這個塊元素比較特殊，它只能用來容納其他塊元素。     如果沒有css的作用，塊元素會順序以每次另起一行的方式一直往下排。而有了css以後，我們可以改變這種html的預設配置模式，把塊元素擺放到你想要 的位置上去。而不是每次都愚蠢的另起一行。需要指出的是，table標籤也是塊元素的一種，table based layout和css based