CSS

看下面兩段代碼<html><head><style type="text/css">span, div {    width: 100px;    border: 3px outset buttonface;}</style></head><body><span><div>Hello</div></span><span><div>World</di

 模板預覽：點擊查看完整映像換膚步驟：進入後台，開啟配置選項 皮膚選擇blue 將下面的css代碼copy至自訂css文字框，最後儲存 css代碼： p{text-indent:2em;}h1,h2,h3,h4{color:075181;}a:link{border:none;}.dateTitle{background:#fff;color:68ADD5;border-bottom:#7D7DD8 1px solid;} .listTitle{padding-left:2em;padding-

http://www.blog.ce.cn/sp1/zhangnan/14493583725.shtmlCSS的命名規則是用英文字母 數字 和底線(一般用小寫)來命名.一,簡寫簡寫主要是為了書寫方便快捷,代碼減少提高網頁的下載速度.並不是所有的css都可以簡寫.一般可以簡寫的如下(1) 

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

在用CSS布局頁面的時候，我們會將HTML標籤分成兩種，塊狀元素和內嵌元素（我們平常用到的div和p就是塊狀元素，連結標籤a就是內嵌元素）。是在CSS布局頁面中很重要的兩個概念，必須要理解透徹！既然說到概念就先看看塊狀元素和內嵌元素的定義。註：這節課看似挺長，其實內容很少，通過舉例子讓大家更容易理解而已，不要被眼前的文字和代碼嚇到喲~引用:塊狀元素一般是其他元素的容器，可容納內嵌元素和其他塊狀元素，塊狀元素排斥其他元素與其位於同一行，寬度(width)高度(height)起作用。常見塊狀元素為d

這裡我自己寫了一個demo CSS：/* 背景色彩坡形 */.gradient-top{filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#ADD8E6", endColorStr="#FFFFFF", gradientType="0");/* for IE */*height: 100%;background: -moz-linear-gradient(top, lightblue, white 100%); /

CSS裡有一個比較特別的屬性：font。也不知道幾時開始大家都使用這樣一個定義：font-family: ‘宋體’; 但是這樣定義後，我們有時就可能出現這樣一種情況，我們定義了是宋體字型，但是顯示的怎麼是別的字型呢？這裡說的別的字型主要是ie預設的serif。而樣式載入到頁面後，如果CSS裡的編碼和瀏覽器解析的不一致時，就出現了宋體這兩個字變成了亂碼。這樣一來，系統就尋找預設的字型來替代宋體了。而今天說的這個simsun則可以完全避免這個問題。好吧～都是廢話。

1. <!--[if !IE]><!--> 除IE外都可識別 <!--<![endif]-->2. <!--[if IE]> 所有的IE可識別 <![endif]-->3. <!--[if IE 5.0]> 只有IE5.0可以識別 <![endif]-->4. <!--[if IE 5]> 僅IE5.0與IE5.5可以識別 <![endif]-->5. <!--[if gt

動態載入css的實現思路，目前想到有兩種：一、js參考http://blog.csdn.net/qsdnet/archive/2006/12/31/1470891.aspx主要內容如下：第一種：一般用在外部CSS檔案中載入必須的檔案 程式碼@import

Xhtml網頁有人說像盒子一樣的，通過DIV把內容資訊封裝起來的結構網頁，在可視的結構中各元素被呈現為了二維平面。圖解如下：CSS二維平面圖解下面我們來詳細分解下：最內的白色區為內容資訊展示區，可以是圖片也可以是文字，而內容呈現區由高度（height）、寬度（width）來控制；內容呈現地區被外層矩形補白（padding）（灰色區）包圍著，該層不能設定顏色，但是是透明呈現內容的背景色；接著是CSS元素的邊框(border)（紅色地區），這是外框邊框可設定寬度和顏色、實線、虛線等樣式；最外層白色地

CSS hack百科內容來自於:1. 基本解釋 什麼是CSS hack由於不同的瀏覽器，比如Internet Explorer 6,   Internet Explorer 7   ,Mozilla Firefox等，對CSS的解析認識不一樣，因此會導致產生的頁面效果不一樣，得不到我們所需要的頁面效果。這個時候我們就需要針對不同的瀏覽器去寫不同的CSS，讓它能夠同時相容不同的瀏覽器，能在不同的瀏覽器中也能得到我們想要的頁面效果。這個針對不同的瀏覽器寫不同的CSS code的過程，就叫CSS

--CSS 彈出表單後面的半透明效果style="filter:alpha(opacity=30)"--DIV高度最低不能為1px加上font-size:0px;因為DIV有個預設字型大小--position:absolutestyle="position:absolute;"加上這句，它修飾的對象會絕對服從後面left,top等的設定來定位對象位置。（相當於“浮起來”）去掉這句，它修飾的對象會自動匹配動態調整來定位對象位置。（相當於“沉下去”）--TextBox

1.         css相對長度單位Ø         em          元素的字型高度Ø         ex           字型x的高度Ø         px           像素PixelsØ         %           百分比Percentage2.         css絕對長度單位Ø         in            英寸Inches（1英寸=2.54厘米）Ø         cm          厘米CentimetersØ      

<TABLE id="Table1" style="TABLE-LAYOUT:fixed;word-break:break-all" border="1">或在指令碼中：this.style. wordBreak = break-allString設定或擷取一個下面的值：normal預設值. 允許從每個詞處回行。break-all不管在什麼位置，超過列寬時就回行。keep-all不允許 Chinese, Japanese, 和 Korean 回行。這個功能類似與“normal”

css:cssCode highlighting produced by Actipro CodeHighlighter

原來用過，沒有太在意，最近又用到。記下方便以後用。<div style='border:0px;padding:3px; PADDING:0px; width:200px; height:480px; LINE-HEIGHT: 20px; OVERFLOW: auto; '></div> 以下是更多捲軸樣式： <div style="WIDTH: 120; HEIGHT: 140; BACKGROUND-COLOR: #0000C6; OVERFLOW:

    上一篇講了如何在Site Definition中引入Maste Page，作為實際操作這是必要的步驟，但僅僅這樣是肯定不夠的，因為我們不可能不對Master Page的外觀進行設計就部署並使用它了。而外觀的設計又必須要涉及到CSS等資源的引入與使用。這裡我們就繼續上面的操作，在本篇看看如何引入我們的CSS資源(當然，引入Img等資源的方法與引入CSS的方法相同)。    還是在上述的項目中，新添加一個Module，命名為MyStyleLibrary   新項目如： 

csshover.htc代碼如下View Code <attach event="ondocumentready" handler="parseStylesheets" /><script language="JScript">/*** Pseudos - V1.30.050121 - hover & active* ---------------------------------------------* Peterned -

<style type="text/css"> BODY {  SCROLLBAR-FACE-COLOR: #FFFFFF;  SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;  SCROLLBAR-SHADOW-COLOR: #999999;  SCROLLBAR-3DLIGHT-COLOR: #999999;  SCROLLBAR-ARROW-COLOR: #999999;  SCROLLBAR-TRACK-COLOR:

1.符號*的使用。IE6，IE7都可以識別*，但IE8和Firefox都識別不了。看以下樣式# wintop{ background: url(body-top.gif) top repeat-x; margin-top:10px;*margin-top:0px;}在IE6和IE7中解釋為離上邊距為0個像素，因為它可以識別*，因而*margin-top:0px覆蓋了上面的10px。而在IE8和Firefox中，由於它不能識別*，所以仍然解釋為離上邊距10個像素。2.*