CSS

以下是代碼：<html>    <head>        <title></title><styletype="text/css">#div1 {width:500px;border:solid1pxblack; } #div1>DIV {color:Red; } </style>    </head>    <body><divid="div1">

widthheightmax-widthmax-heightmin-widthmin-heightposition - top、right 、bottom 、leftz-indexclipoverflow(overflow-x、overflow-y)scrollbar-base-colorscrollbar-face-colorscrollbar-track-colorscrollbar-arrow-colorscrollbar-shadow-colorscrollbar-darkshadow-

一些CSS屬性允許使用一串值代替許多屬性，值使用空格分開。 　　margin,pdding和border-width允許合并margin-top-width, margin-right-width, margin-bottom-width等等，形式像這樣：property:top right bottom left;逆時針順序。 　　所以下面的代碼： p { 　　border-top-width: 1px; 　　border-right-width: 5px;

　　昨天在做拾色器開發的時候，由於要將失色器定位到一個彈出框中。所以我使用了position:absolute屬性。擷取點擊元素的位置。我擷取它的位置的方法是使用$(this).offset().left，$(this).offset().top。因為absoulte是相對頁面進行定位的。所以我在彈出框內的捲軸滾動的時候它不會跟著滾動。當時我想到的解決辦法就是使用一個方法來擷取scroll是向上滾動還是向下滾動。　　使用的辦法就是使用$("div").scroll()。擷取它的scrollTop

list-style-type (指定類型)list-style-image (指定圖片)list-style-position (指定位置)list-style (綜合設定)marker-offset (不支援)使用 list-style 可單獨或綜合設定: 類型、圖片、位置, 無順序;如果同時設定了圖片和類型, 圖片會替換類型; 如果圖片失效則使用類型.list-style-type：disc (實心圓, 預設)circle

樣式表可以是外部的、內聯的、嵌入的、連結的, 譬如下面的內聯樣式將作用於所有 ID=Test 的標籤:<style> #Test {...}

fontfont-familyfont-sizefont-weightfont-stylefont-variant另外 font-size-adjust 和 font-stretch 從 CSS 2.1 已廢棄, 就不再學習了.font-family(指定字型):如果字型名包含空格或其他特殊符號, 應使用引號(雙引號或單引號):可以同時指定多個字型(逗號分割), 前者優先、缺失後補、再缺使用預設.font-size(字型大小), 首先有幾個常數值: xx-small、x-small、small、

相信有一點經驗的讀者都會感到，使用CSS進行頁面配置，調試是個大麻煩。特別是IE瀏覽器，各種版本都要測試，為此我們需要想各種方法，在自己的機器上按裝各種版本的瀏覽器，這是很麻煩的事情。有今天介紹的這個軟體，就輕鬆多了—— IE Tester。IETester 是一個免費的瀏覽器，它同時包括了IE 5.5、IE 6、IE 7、IE 8 RC1的所有核心，所以你可以非常方便地使用它來對你設計製作的頁面進行測試。以保證你設計的頁面可以在各種IE瀏覽器中正確顯示。IE Tester 目前的最新版本是

JS/CSS檔案大，使用者訪問網站的時候需要下載JS/CSS的時間長就會感覺慢，有的甚至由於CSS的檔案而造成頁面初始開啟很淩亂。我們怎麼提高使用者下載JS/CSS的速度呢？1、我們無法改變使用者的網路狀況，只有自己網站使用更快的頻寬或者使用更強的伺服器，使使用者訪問我們的時候感覺很快。2、對JS/CSS檔案進行壓縮，由於檔案較小，使用者下載的時間就很短。解決方案1，需要花費比較多的money,方案2實現比較簡單，而且效果也明顯。下面我們介紹使用YUI Compressor進行JS/CSS壓縮1

Jquery對css的操作相當方便，能很方便我們去通過js修改css。傳統javascript對css的操作相當繁瑣，比如<div id="a"style="background:blue">css</div>取它的background文法是：document.getElementById("a").style.background而jQuery對css更方便的操作：$("#a").background();$("#a").background(“red”)說明如下$("

CSS相容性一直是大家頭疼的問題，IE6、IE7和FF已經讓大家夠嗆，而IE8正式版發布以來，一直在找一種區別IE8正式版的方法。1.區別IE和非IE瀏覽器 #tip {background:blue; /*非IE 背景藍色*/background:red \9; /*IE6、IE7、IE8背景紅色*/} 2.區別IE6,IE7,IE8,FF 【區別符號】：「\9」、「*」、「_」#tip {background:blue; /*Firefox 背景變藍色*/background:red \9;

CSS 限制圖片最大寬度(本文來自本站原創，轉載請務必註明出處！)我們在製作一個網頁的時候，經常要對一個地區裡可能出現的圖片的寬度進行限制，不然它可能會把頁面撐得很爛很爛。如果你採用固定寬度，長度來設定的話，比如在<img height="200px" width="200px"中設定，或者是在CSS中用.img

<style>a#moveUser{width:225px;height:60px;margin:0 auto;line-height:900px;background:url(http://images.warcraftchina.com/09v1/boot/moveUser.jpg) -3px -7px;overflow:hidden;display:block;}a#moveUser:hover{background-position:-3px

<轉自：http://www.testfans.com/index.php/239/viewspace-353.html>  前言如果你想嘗試一下不用表格來排版網頁，而是用CSS來排版你的網頁，也就是常聽的用DIV來編排你的網頁結構，又或者說你想學習網頁標準設計，再或 者說你的上司要你改變傳統的表格排版方式，提高企業競爭力，那麼你一定要接觸到的一個知識點就是CSS的盒子模式，這就是DIV排版的核心所在，傳統的表

 摘錄於 http://bbs.zdnet.com.cn/thread-108803-1-1.html <SCRIPT LANGUAGE="javascript"> 　　<!-- 　　if (window.navigator.userAgent.indexOf("MSIE")>=1) 　　{ 　　var IE1024=""; 　　var IE800=""; 　　var IE1152=""; 　　var IEother=""; 

 <HTML>    <HEAD>        <title>WebForm1</title>        <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">        <meta content="C#" name="CODE_LANGUAGE">        <meta content="JavaScript" name="

Some script I must post here in case of my bad memory. Maybe useful for my blog

<style type="text/css">.stats {    width: 480px;    border-collapse:collapse;       /* 表格相鄰邊合并*/    }.stats td {               border: 1px #000 solid;               }</style> <body><table class="stats">   <tr>     

在開發web項目的過程中，總會碰到使用者控制項 .ascx 和頁面，或者頁面和主版頁面的很多關係。用局部的頁面動態地給主版頁面引入js檔案或者樣式表檔案，或者在使用者控制項裡面根據需要動態引入js檔案和樣式表會比較好。以下是我引入的一個方法：           // 引入js檔案            HtmlGenericControl scriptControl = new HtmlGenericControl("script");