CSS

corev4.css.s4-ql UL.root > LI > .menu-item { BORDER-BOTTOM: transparent 1px solid; BORDER-LEFT: transparent 0px solid; PADDING-BOTTOM: 3px; OVERFLOW-X: hidden; MARGIN: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 4px; WORD-WRAP: break-word; COLOR: #

最近，在做一個網頁時，IE7-9沒有問題。可是頁面在IE6下卻不載入Css樣式內容，明明是已經添加好了的樣式，為什麼IE6不載入呢？查來查去，發現了這個有趣的原因，IE6下對/**/形式的注釋是有所要求的，如果注釋是漢字，不能這樣寫：/*這是注釋*/如果這樣寫，注釋下面的一條CSS內容無法被IE6載入並解析。而必須修改為/*--這是注釋--*/這樣才可以，而用英語寫注釋/*This is the commnets*/沒有問題。 唉，IE6的問題，層出不窮啊。也該淘汰了。

這段時間寫了很多頁面代碼，除了一些知識重複以外，也學到css的一些新東西，或許是舊東西，但是還是希望能對大家有用。其實在css裡面有很多對a的樣式應用，因為a標籤是僅有的預設可以觸發動作的標籤，因此在很多時候可以用css來控制a達到js才能達到的效果，比如今天要介紹的css仿title和alt的提示效果：先來分析一下這種效果的特點，無非就是在滑鼠移至上方的時候出現一個包含介紹文字的提示層，如果用傳統的javascript來實現，就要設定對象的onmouseover和onmouseout屬性，而如

文法：STYLE="filter:filtername(fparameter1, fparameter2...)"　　（Filtername為濾鏡的名稱，fparameter1、fparameter2等是濾鏡的參數）　　濾鏡說明：　　Alpha：設定透明層次　　blur：建立高速度移動效果，即模糊效果　　Chroma：製作專用顏色透明　　DropShadow：建立對象的固定影子　　FlipH：建立水平鏡像圖片　　FlipV：建立垂直鏡像圖片　　glow：加光輝在附近對象的邊外　　gray：把圖片

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

前面講了操作元素的properties和attributes了，是時候操縱一下它們的CSS樣式了。 添加或去除元素集合的class name1. 使用addClass()方法 addClass(names) 添加names指定的一個或多個class name給wrapped set。如果有多個name，使用空格分開，總之names是個字串。返回原來的wrapped set以進行JQuery鏈式操作。 注意：如果在添加的樣式聲明中有重複聲明，誰的優先順序更高呢？ 請參閱這裡看CSS的權重分配。  

base.cssbody { color:#333; font-family:meiryo, Arial, Helvetica, sans-serif; font-size:12px; height:100%; margin:0 auto; padding:0; width:100%;}html,body,div,dl,dt,dd,ul,ol,li,th,td { margin:0; padding:0;}img,body,html {

CSS半透明濾鏡在FIREFOX和IE下面的能夠通用的寫法，記錄下來備用： CSS代碼.test{      background:#000;      color:white;      width:200px;      position:absolute;      left:10px;      top:10px;       filter: Alpha(opacity=10);       -moz-opacity:.1;       opacity:0.1;    }  

最近經常被問到如何靈活使用css的問題。的確，這是一個好現象。很多人已經開始逐漸的習慣於全面使用css排版，盡量做到展現與內容的分離。但在此習慣的過程中一定會遇到各種棘手的問題。我的一個經驗就是：多查css手冊，多嘗試，多琢磨專家們的網頁，可以將一些頁面另存一下，慢慢分析。好，說正題。經常有這樣一種情況：我想在同一個頁面的不同位置對超連結的風格進行定義，比如，在頁面的導航部分，我不希望有底線，而在其他地方則需要底線。實現的方式總的來說有兩種：1。對在不同的地方的超連結直接使用css內嵌指定，如：

來自:http://www.cnblogs.com/leavingme/archive/2008/12/03/1347008.html1、如何定義高度很小的容器？ 在IE6下無法定義小高度的容器，是因為有一個預設的行高。 列舉2種解決方案：ovoverflow:hidden ¦ line-height:0 2、圖片下方出現幾像素的空白間隙？

<style>.info {position:relative;background:#fff;color:#666; text-decoration:none;font-size:12px;width:150px;text-align:center;border:1px solid #ccc;height:25px;line-height:25px;}.info:hover {background:#eee;color:#333;}.info span {display:

最近在學ThinkPHP，過程當然不是一番風順，一兩天之後，總算有點感覺了:):我初始化下我的項目目錄結構：------/www/----------/www.myapp.com/-------------------------/myadmin/<!--項目後台-->　　　　　　　　　　　　 /ThinkPHP/<!--TP檔案夾-->                                   /index.php<!--前台入口檔案-->    

　　有朋友在QQ上問我一個關於CSS的問題，一個產品展示頁，有產品圖片與產品名稱，如何用CSS布局來實現，下面談談我的觀點以及提出我的方法　　從事網頁設計工作的朋友應該有過很多這樣的案例，上面放置企業的產品圖片，下面放置產品的名字，點擊圖片或產品名字可以查看產品的詳細資料。當然，這樣的形式，在其它網站上也經常出現，例片新聞、寫真壁紙站等等。我們看片（可點擊放大）：　　首先我們分析一下，這樣的形式每一組是類似的：上部一個圖片連結，下部一個文字連結，然後重複。進行適應的排列即可。我們可以將它們看作是

前言 做前端已有不短的時間了，在css這片領域越走越久、越走越遠，回過頭來看看，有很多技能知識掌握了就不會再忘了，比如無圖片實現三角形、ie下如何?半透明效果等等；但有些東西卻需要在項目實戰中不斷地碰壁、總結，再碰壁、再總結，慢慢地去找到適合自己的方法，然後遵循這樣的方法，去開發，以收到事半功倍的效果。本篇文章就屬於後者，因為是站在整個css的大方向上，對於初學者或者項目實戰經驗不夠多的同學，建議有看不懂的地方不必太介意，可以跳過，也可以留言提問。經驗老道者也許也會些許吐槽，覺得跟您有出入，但是

　　這兩天測試網站的時候，發現網站的註冊頁面的一個bug，實現的功能是當點擊＂註冊＂按鈕進行註冊，後台代碼中判斷驗證碼，當使用者輸入的驗證碼和產生的驗證碼不一致時以alert的形式彈出對話方塊，提示使用者驗證碼錯誤．但這時，當對話方塊彈出後，頁面中的有些css樣式失效．　　尋找了下原因，發現是產生彈出對話方塊的代碼是這麼寫的：Response.Write("<script>alert('驗證碼不正確');</script>");這段代碼在執行的時候會在頁面的最頂部產生對應

這個效果經常會使用，本特效支援FF+IE 屬於CSS特效 給個 ------------------------------------------代碼如下：<style type="text/css">a.me{display:block;color:#006699;width:auto;}a.me:hover

<html><head><meta http-equiv="Content-Type" c /><title>yahoo 標籤</title><style type="text/css">.tag_box { width:400px; height:126px; border:1px solid #B0BEC7; font:12px Arial, Helvetica, sans-serif; margin:50px;

<html><head><meta http-equiv="Content-Type"content="text/html; charset=gb2312"

http://www.webdeveloperjuice.com/2011/09/28/7-beautiful-web-based-timeline-using-javascript-and-css/  A timeline is a way of displaying a list of events in chronological order, sometimes described as a project artifact . It is typically a graphic

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