最近，在做一個網頁時，IE7-9沒有問題。可是頁面在IE6下卻不載入Css樣式內容，明明是已經添加好了的樣式，為什麼IE6不載入呢？查來查去，發現了這個有趣的原因，IE6下對/**/形式的注釋是有所要求的，如果注釋是漢字，不能這樣寫：/*這是注釋*/如果這樣寫，注釋下面的一條CSS內容無法被IE6載入並解析。而必須修改為/*--這是注釋--*/這樣才可以，而用英語寫注釋/*This is the commnets*/沒有問題。 唉，IE6的問題，層出不窮啊。也該淘汰了。
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title></title><style type="text/css"> <!--* {margin:0; padding:0; font-size:12; list-style-
1、DIV CSS表單文本輸入的移動選擇：在文本輸入欄中，如果加入了提示，來訪者往往要用滑鼠選取後刪除，再輸入有用的資訊。其實只要加入 onMouseOver="this.focus()"onFocus="this.select()"代碼到<textarea>中，一切 就會變得簡單多了，如：引用： <textarea name=textarea wrap=virtual ,rows=2,cols=22, onMouseOver="this.focus()"onFocus="
一.使用css縮寫使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。css縮寫的主要規則請參看《常用css縮寫文法總結》，這裡就不展開描述。二.明確定義單位，除非值為0忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以唯寫width=100，但是在CSS中，你必須給一個準確的單位，比如：width:100px
代碼：這個效果在IE和Mozilla瀏覽器上都可以工作，代碼如下<img alt="powerbookg4.jpg" src="archives/images/powerbookg4.jpg" width="250" height="60" style="-moz-opacity:0.5; filter:alpha(opacity=50);cursor:hand;"
95%的中國網站需要重寫CSS-寫在px和em的區別 下很長一段時間，我都使用12px作為網站的主要字型大小。10px太小，眼睛很容易疲勞，14px雖容易看清，卻破壞頁面的美感。唯獨12px在審美和視力方面都恰到好處。 誰對我的網站字型大小有意見？我老爸，他是第一個向我反映看不清我的網站文字的人。這使我意識到12px，其實只是讓我覺得很不錯而已，而對於那些視力下降明顯的中年以上的人來講，幾乎等於10px對於我的感覺。於是我告訴他，在“查看”裡調整“文字大小”就可以了。但是卻發現這是徒勞的
1.超連結訪問過後hover樣式就不出現的問題? 被點擊瀏覽過的超連結樣式不在具有hover和active了,解決方案是改變CSS屬性的排列順序: L-V-H-A 2.IE6的雙倍邊距BUG 例如:<style type="text/css"> body {margin:0} div { float:left; margin-left:10px; width:200px; height:200px; border:1px solid red } </style&
這段時間寫了很多頁面代碼，除了一些知識重複以外，也學到css的一些新東西，或許是舊東西，但是還是希望能對大家有用。其實在css裡面有很多對a的樣式應用，因為a標籤是僅有的預設可以觸發動作的標籤，因此在很多時候可以用css來控制a達到js才能達到的效果，比如今天要介紹的css仿title和alt的提示效果：先來分析一下這種效果的特點，無非就是在滑鼠移至上方的時候出現一個包含介紹文字的提示層，如果用傳統的javascript來實現，就要設定對象的onmouseover和onmouseout屬性，而如
<SCRIPT LANGUAGE="JavaScript"><!--var isIE = false;var isFF = false;var isSa = false;if ((navigator.userAgent.indexOf("MSIE")>0) && (parseInt(navigator.appVersion) >=4))isIE = true;if(navigator.userAgent.indexOf("Firefox")>0
文法：STYLE="filter:filtername(fparameter1, fparameter2...)" （Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數） 濾鏡說明： Alpha：設定透明層次 blur：建立高速度移動效果，即模糊效果 Chroma：製作專用顏色透明 DropShadow：建立對象的固定影子 FlipH：建立水平鏡像圖片 FlipV：建立垂直鏡像圖片 glow：加光輝在附近對象的邊外 gray：把圖片
body{ font-family: Arial,sans-serif; color: #333333; line-height: 1.166; margin: 0px; padding: 0px;}#masthead{ margin: 0; padding: 10px 0px; border-bottom: 1px solid #cccccc; width: 100%;}
文章目錄 說明JavaScript 文法例子可能的值 display:block 會導致換行，原來未仔細讀過其詳細文檔，今天碰到類似問題很是費了一番功夫。將有問題的頁面代碼拷貝如下：<html><table width=80><tr> <td nowrap> <font style="display:block">abcdefghigklmnopqrstuvwxyz 12
<html><head><title>用css實現無圖片背景圓角效果</title><meta http-equiv="content-type" content="text/html; charset=gb2312"><style type="text/css">div.RoundedCorner{background: rgba(250,240,110,1)}b.rtop,
有關表格邊框的css樣式表文法說明 我們知道Dreamweaver在表格製作方面做得非常出色，但是在某些時候還是必須結合css才能達到一些特定效果，下面我們先把有關表格邊框的css文法整理出來，然後另外介紹怎樣用css美化表格的邊框。 有關表格邊框的css文法 具體內容包括：上邊框寬度、右邊框寬度、下邊框寬度、左邊框寬度、邊框寬度、邊框顏色、邊框樣式、上邊框、下邊框、左邊框、右邊框、邊框、寬度、高度、有關標籤等。 1.上邊框寬度 文法: border-top-width:
如何讓網頁在列印時自動分頁，下面介紹最簡單的利用CSS樣式控制IE分頁列印：首先定義分頁樣式：<style>.NextPage{page-break-before:always;}</style>再需要分頁的地方調用CSS樣式，如下：<body>第一頁<div class="NextPage"></div>第二頁<div class="NextPage"></div>第三頁</body>在IE裡面列印
css屬性優先順序分析Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> 1 /*標籤#ID >#ID >標籤.class >.class >標籤選擇符 >萬用字元*/ 2 body { font-size:10px; } 3 div { font-size:12px; } 4 span { font-size:14px;
筆記分為兩個部分，今天是CSS的選取器，以後還有一部分xPath的選取器。今天的筆記中包括44個選取器，基本涵蓋了CSS 2和CSS 3的所有規定。=====================CSS選取器筆記一、基本選取器序號選取器含義1. * 通用元素選取器，匹配任何元素2. E 標籤選取器，匹配所有使用E標籤的元素3. .info class選取器，匹配所有class屬性中包含info的元素4. #footer
1 @charset "utf-8"; 2 /* Css Reset For XHTML*/ 3 html{color:#000;background:#FFF} 4 body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0} 5
最近做了個項目，居然在一個小小的css問題上折騰了很久很是糾結——外邊距摺疊的問題。今天難得清閑，就把這個問題研究了一下，才發現大有學問，所以寫篇博文整理一下，以便更加牢記！ 外邊距摺疊，指的是毗鄰的兩個或多個外邊距 (margin) 在垂直方向會合并成一個外邊距。 觸發條件： 毗鄰，沒有被非空內容、padding、border 或 clear 分隔開的margin特性. 非空內容就是說這元素之間要麼是兄弟關係或者父子關係 這些 margin 都處於普通流中，即非浮動元素，非定位元素
IE6下position:fixed的Bug應該是個老問題。不過，今天在搞瀑布流外掛程式寫返回頂部按鈕時(老是閃動)卻花了我不少時間，之前也寫過一篇文章解決過，但是是用到css運算式解決，而現在的需求是要在js中動態定位，所以之前的辦法不是很合適。今天再來總結一下：方法一：純css*html{height:100%;overflow:hidden;}*html
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
