CSS

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

<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:

幾天前，寫了一個tab control ，風格如下：我使用了css來描述這個風格，html和css代碼如下： <ul><li><a href="#" class="selected">檔案</a></li><li><a href="#">編輯</a></li><li><a href="#">視圖</a></li><li><

CSS margin 屬性設定外邊距的最簡單的方法就是使用 margin 屬性。margin 屬性接受任何長度單位，可以是像素、英寸、毫米或 em。margin 可以設定為 auto。更常見的做法是為外邊距設定長度值。下面的聲明在 h1 元素的各個邊上設定了 1/4 英寸寬的空白：h1 {margin : 0.25in;}下面的例子為 h1 元素的四個邊分別定義了不同的外邊距，所使用的長度單位是像素 (px)：h1 {margin : 10px 0px 15px

本文出自：http://www.cnblogs.com/Capricornus/archive/2010/08/06/1793900.html 現在，大部分的橫排導航都是通過 ul -> li *n -> a 來實現的。具我所知，要達到這種效果，有幾種方法可以實現。　　1.傳統處理方式： li {float:left;}/*這樣，對固定寬度導航條來說，li不能自動置中*/ 　　2.inline-block方式：ul

CSS 定義了 5 種通用字型系列Serif 字型Sans-serif 字型Monospace 字型Cursive 字型Fantasy 字型Serif 字型這些字型成比例，而且有上下短線。如果字型中的所有字元根據其不同大小有不同的寬度，則成該字元是成比例的。例如，小寫 i 和小寫 m 的寬度就不同。上下短線是每個字元筆劃末端的裝飾，比如小寫 l 頂部和底部的短線，或大寫 A 兩條腿底部的短線。Serif 字型的例子包括 Times、Georgia 和 New Century

“使用主題 css 檔案要求頁上有標題控制項。(例如 <head runat="server" />)”原來，生產環境上部署了Theme。用下面的方法可以為網站某個目錄去掉Theme    在此目錄下建立一個web.config檔案，在system.web節輸入以下內容：    <system.web>  <pages styleSheetTheme="" enableViewState="true"></pages>   

網上查了很多壓縮css/js的方法，感覺還是用ms自己的簡便，其他的雖然功能強大，但是比較複雜，要簡單化...在ASP.NET MVC中建立一個Web工程後，那些Bundle功能已經寫在代碼中了，但是傳統的webform工程中怎樣使用這個Bundle壓縮功能呢？實現步驟如下： 1. 建立工程，並且為了示範，我把工程初始化成如下結構2. 通過NuGet安裝擴充"Microsoft ASP.NET Web Optimization Framework"尋找到“Microsoft ASP.NET

==========CSS常用代碼===========     字型顏色 : color : #00903A;   背景顏色 : background-color : #7CFFE7;    --------------------------------------------------------------------------------     邊框寬度 : border-width : 5px;   上邊寬度 : border-top-width : 5px;   左邊寬度 :

 在網上找了個CSS案例，效果如如下：CSS如下： 1 blockquote { 2 font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif; 3 width: 400px; 4 background: url(images/close-quote.gif) no-repeat right bottom #CCCCFF; 5 padding-left: 18px; 6 text-indent:

寫css樣式表也有很長時間了，但是有些css樣式的屬性還是會出現一些問題。比如說過去寫css樣式的時候對於position屬性幾乎不太用。相對來說也是比較陌生的。各個瀏覽器的不同解析結果也是一個大問題。寫這篇文章和大家一起來深入的學習一下position屬性的用法以及background-position屬性的用法。Position的英文原意是指位置、職位、狀態。也有安置的意思。在CSS布局中，Position屬性發揮著非常重要的作用，很多容器的定位是用Position屬性來完成。 先來看一CS

1、把 shadow.gif , shadow2.gif , shadow2.png 這三張圖上傳到伺服器，如root_path/img/2、將下列語法貼到styles-site.css裡.alpha-shadow {CLEAR: both; BACKGROUND: url(root_paht/img/shadow.gif) no-repeat right bottom; FLOAT: left; MARGIN: 14px 0px 0px 8px}.alpha-shadow DIV

css 區分 input 的類型 input[type="text"]input[type="text"]{ border:1px; border-style:solid; border-color: #CCCCCC; }--------------------------------------------------ie6 相容/* ie6 不支援 */input[type="text"]{ border:1px; border-style: solid; border-color:

CSS hack是指我們為了相容各瀏覽器，而使用的特別的css定義技巧。這是國外摘來的一張CSS hack列表，顯示了各瀏覽器對css hack的支援程度，對我們製作相容網頁非常有協助。現在瀏覽器的市場99%的份額被 IE 和 FF 所佔 .所以,現在的hack應該主要針對這兩個瀏覽器的了現在主流的瀏覽器是 IE6 和 Firefox ,這兩個不同的瀏覽器的核心是不一樣的. 同時,這兩個瀏覽器對CSS2.0 在某些細節上的理解也不一樣.因此,就有必要針對這兩個瀏覽器制定一些不同的代碼.     

網頁切圖過程中div+css命名規則內容：content/container 導航：nav 側欄：sidebar 　 　 欄目：column 標誌：logo 頁面主體：main 　　 廣告：banner 熱點：hot 新聞：news 下載：download 子導航：subnav 菜單：menu搜尋：search 頁尾：footer 滾動：scroll 著作權：copyright 友情連結：friendlink 子功能表：submenu 內容：content 標籤頁：tab 文章列表：list

如果利用@import形式來組織你的css，那麼你就可以用打包工具CSS Combo了：首先安裝css combo：npm install -g css-combo然後進入你所在的入口檔案（本例為style.css）目錄，輸入：csscombo style.css

在網上發現了很多的方法，有的是用js，這裡用了一個比較簡單的css的方法，很實用 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="Content-Type" content="text/html;

區別IE6與FF： background:orange;*background:blue;   區別IE6與IE7： background:green !important;background:blue;   區別IE7與FF： background:orange; *background:green;   區別FF，IE7，IE6： background:orange;*background:green !important;*background:blue;   IE7,IE8相容:

文章目錄 區別IE6與FF： 區別IE6與FF：background:orange;*background:blue;         ↑            ↑     FireFox         IE 6區別IE6與IE7：background:green !important;background:blue;            ↑               ↑         IE 7             IE 6

1:CSS-dispaly可能的值:值描述none此元素不會被顯示。block此元素將顯示為區塊層級元素，此元素前後會帶有分行符號。inline預設。此元素會被顯示為內嵌元素，元素前後沒有分行符號。inline-block行內塊元素。（CSS2.1 新增的值）list-item此元素會作為列表顯示。run-in此元素會根據上下文作為區塊層級元素或內嵌元素顯示。compactCSS 中有值 compact，不過由於缺乏廣泛支援，已經從 CSS2.1 中刪除。markerCSS 中有值