CSS

Your web site always contains several modules which navigated by a menu or sth, just like this: forums | Blog | Photos. You may want each module has its own color style, so the users can recognize each module easily and your site also be cool. This

CSS中最難掌握的概念之一就是如何來浮動元素。理解了這一概念，才能知道元素在你的頁面流中是如何被處理的，從而構造出合理的頁面配置。Max Design團隊製作了一個很好的教程，稱作Floatutorial，逐步地解釋了浮動到底是怎麼回事。“Floatutorial帶你瞭解基本的浮動元素，片、下沉字元、向前和向後按鈕、圖片畫廊、 行內列表以及多欄版面配置等”原文地址

大多數人很容易將CSS屬性display和visibility混淆，它們看似沒有什麼不同，其實它們的差別卻是很大的。visibility屬性用來確定元素是顯示還是隱藏，這用visibility="visible|hidden"來表示，visible表示顯示，hidden表示隱藏。當visibility被設定為"hidden"的時候，元素雖然被隱藏了，但它仍然佔據它原來所在的位置。例：<script language="JavaScript"> function

  怎樣使一個層水平置中於瀏覽器中<style type="text/css"><!-- div {       position:absolute;       left:50%;       margin:0 0 0 -100px;       width:200px;       height:200px;       border:1px solid red;      

今天SPACE從麻醉藥中醒來，本期望他有個很漂亮的更新，開啟後，還是老樣子。人蔘是土黃色的，逼近紅色，紅色有給人極至的感覺。凡事有個度，先讓自己紅一下。 前段時間給自己畫了個LOGO ，然後又學習了一下CSS和JS下面是學習的一個成果http://keyue.cn/BATE/second.htm 教程如下首先開啟 Dreamweaver  建立一張HTML基本頁 基於

     一直以來有個很頭疼的問題困擾著我，那就是圖片縮放的問題，相關代碼寫到 JS 裡面，不太容易修改。寫到 CSS 裡面，在IE 6 又不支援 max-width。今天用了很久時間終於解決了這個問題，基本算是完美了吧，唯一不完美的就是 IE 6 只有等圖片完全下載完成後才會自動調整大小，不過聊勝於無，總比進入頁面後看到長長的橫向捲軸舒服的多，這裡使用了 expression，但是利用了一次載入，所以 expression

用於定製圖片的顯示效果1）濾鏡的有效HTML標記：BODY  BUTTON   DIV     IMG   INPUT   MARQUEE    SPAN    TABLE    TD    TEXTAREA    TH   TR  2）濾鏡的屬性參數a) 設定透明度Alpha　　文法: { FILTER:

1、單位問題問題：任何距離的數值ie可以不加單位，ff必須要求寫單位（0除外） 解決：寫全單位如padding:0px;2、水平置中問題：div裡的內容，ie預設為center，而ff預設left 解決：mairgin:0px auto;

今天製作div的高度控制的時候發現IE下控制div的高度很小的時候無效，特意查了一下相關文章。最終有瞭解決方案，參考下面文章：如果要製作一條高度小於12PX（大約）的線條，在IE中會顯示出高於實際高度的，看下面。<style>.line{background: #CCCCCC;height: 6px;}</style><div

<div id="hdright"><span class="m"><asp:Image ID="imglog" runat="server"/></span></div>#hdright{}{    float: left;    height:40px;    position:relative;}#hdright span.m{}{position:absolute;bottom:0}1行3列樣式：<div id="firs

1.設計好需要的樣式表，這個可以根據大家的喜好；我這裡就給個一般的。<PRE>.button_down{}{    color: Red;    border: inset 2px;}.button_up{}{    color: Black;    border: outset 2px;}.alt_row_highlight{}{    background-color: Yellow;}.alt_row_nohighlight{}{    background-color: Wh

CSS常用樣式Code highlighting produced by Actipro CodeHighlighter

這種方式主要是針對文本高度不確定度情況，可能是一行或多行文本。實現方式分兩種情況，第一種是古董瀏覽器，IE6/7，第二種是現代瀏覽器IE8/9/FF/Chrome等。IE6/7需要三個元素層：外層是包裹層，也可以當為模組層，必要屬性是position/height，中介層是位移層，必要屬性是position/top:50%，內層是文本層，必要屬性是position/top:-50%。設定top一正一負剛好抵消位移，保證文本層始終在中間。IE8/9/FF/Chrome不需要那麼麻煩，只需要兩個層，

如果在div的style中把visibility設為hidden則div隱藏，但是它會佔據空白空間，而如果設定成display：none則不佔據空白空間；而visible="false"則div不返回在html中；下面是給出的代碼：運行一下就知道區別了。<%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

很短很短。。但是很重要很重要。瀏覽器優先順序別:   FF < IE7 < IE6 ，CSS hack書寫順序一般為FF IE7 IE6 以: " #demo" 的樣式為例; 　　#demo {width:100px; height:100px;border:1px blue solid \0}/*被FIREFOX,IE6,IE7執行.*/* html #demo {width:100px; height:150px;border:3px green dotted

一、五大基本選擇符1. *（萬用字元）*萬用字元選取器，經常用於css reset（樣式重設），清理標籤的預設樣式，但現在一般不提倡直接使用*了，主要是*會匹配所有標籤，相當耗資源。*在css的優先順序中是最低的。* {margin: 0; padding: 0;} 也可以用*來匹配某一元素下的所有子項目：#container * {border: 1px solid black;} 2.

FireFox下hr的css樣式當使用如下css定義的時候，在IE當中效果不錯，但是在FireFox瀏覽器情況下，效果不夠理想，基本能時虛線不虛，顯得有些粗，看起來有虛狀。hr {height: 1px;width=97%;border:1px dashed black;text-align:left;}按照如下修改以後，可以兼顧FireFox和IE。hr {height: 1px;width=97%;border:0px;border-top:1px dashed

Code<!--主要是利用CSS float 屬性;right文本或映像會移至父元素中的右側。-->Code highlighting produced by Actipro CodeHighlighter

【原文：http://bbs.blueidea.com/viewthread.php?tid=25904&page=】差別1：老祖宗的差別。link屬於XHTML標籤，而@import完全是CSS提供的一種方式。　　link標籤除了可以載入CSS外，還可以做很多其它的事情，比如定義RSS，定義rel串連屬性等，@import就只能載入CSS了。　　差別2：載入順序的差別。當一個頁面被載入的時候（就是被瀏覽者瀏覽的時候），link引用的CSS會同時被載入，而@import引用的CSS

<html>  <head>  <style type="text/css">  .schedule{    background: url(http://assets.dj10.net/images/chrome/proportion.gif)  repeat-x scroll left center transparent;    width:80px;   height: 11px;   font-size:0;     }   .mine{