CSS

本文特意為你找來了一款CSS編輯利器——Topstyle，利用它你能輕鬆做出更有風格的網頁來！      精彩、漂亮是每一個設計者在製作網頁時的不懈追求，而網頁的精彩幾乎都離不開CSS的強力“支撐”；CSS是一種為超文字標籤語言提供增強補充服務的技 術，可對每一個html的標籤做精雕細刻的修飾。活用CSS，將會使網頁更加生動活潑。不過，普通的網頁編輯工具在CSS方面，表現難能讓人滿意；為了充 分發揮CSS潛能，設計出更加美麗的網頁.　　最新版本：

用過Word的人都知道Word 有一個“項目符號和編號”的功能，用起來很方便。Dreamweaver3的屬性面板也有一個類似有的“項目符號和編號”的表徵圖按鈕，產生自動列表功能， 但它只有兩種形式，即方塊和阿拉伯數字。不過我們可以利用Dreamweaver3的CSS定義功能去重新定義“列表符號的格式”。下面以定義一個“大寫 羅馬數字項目列表符號”為例來說明其使用方法： 1、按F7（或點擊快速啟動欄裡那個象“八卦圖”似的表徵圖），調出CSS面板，選擇

IE5及其以後版本支援在CSS中使用expression，用來把CSS屬性和Javas?cript運算式關聯起 來，這裡的CSS屬性可以是元素固有的屬性，也可以是自訂屬性。 　CSS屬性後面可以是一段Javas?cript運算式，CSS屬性的值等於 Javas?cript運算式計算的結果。?在運算式中可以直接引用元素自身的屬性和方法，也可以使用其他瀏覽器對象。這個運算式就好像是在這個元素的一 個成員函數中一樣。

不少網站開始採用韓式風格來建站.一般人都會想到用Photoshop等軟體來完成這樣的效果，但如果網頁上這類圖片太多，或是較大時，會給訪問帶來一定的困難。這裡就給大家講一講如何用CSS來做這樣的風格，因為用CSS只是對顏色的定義，少了圖片的應用，所以基本不會影響速度。      這種風格的特點是色彩變化豐富、應用Flash動畫合理、結構新穎，最明顯的特點就是表格或標題列常會加上一條橫或豎的色帶，如圖中圈起來的地方就是這樣:　　　 　　

本篇詳細介紹如何利用CSS能方便地控制對象的“顯示”和“隱藏”屬性原理，製作一個樹狀目錄，用CSS製作這樣的樹狀目錄，方法簡單，代碼也比較少，所以把它寫出來，給網友們共亨，以便在需要的時候也可動手做一個。      索易電子雜誌大多採用樹狀目錄，當滑鼠點擊主目錄時，展開子目錄；當再次點擊主目錄時，則關閉子目錄。顯得簡捷明快，樸實無華。    

使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。css縮寫的主要規則如下：顏色16進位的色彩值，如果每兩位的值相同，可以縮寫一半，例如：#000000可以縮寫為#000;#336699可以縮寫為#369;盒尺寸通常有下面四種書寫方法:property:value1; 表示所有邊都是一個值value1； property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 property:value1 value2 value3

1. CSS字型屬性簡寫規則一般用CSS設定字型屬性是這樣做的：font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif但也可以把它們全部寫到一行上去：font: bold italic small-caps 1em/1.5em

CSS本身沒有直接提供變換HTML連結底線的功能，但只要運用一些技巧，我們還是可以讓單調的網頁連結底線變得豐富多彩。 　　一、基本原理 　　首先，自訂HTML連結底線的第一步是建立一個圖形，在水平方向重複放置這個圖形即形成底線效果。如果要顯示出底線背後的網頁背景，可以使用透明的.gif圖形。　　其次，如果底線圖形的高度較大，則必須適當增加文本的高度，使得一行文本的底部與下一行文本的頂部之間有較大的空間，例如p { line-height: 1.5;

http://5key.net/blog/article.asp?id=309  IE下專屬CSS： 複製代碼 代碼如下:<![if !IE]>  <link rel="stylesheet" type="text/css" href="NOT-IE.css" />  <![endif]> IE 6 ONLY: 複製代碼

Float（浮動）概念也許是CSS中最讓人迷惑的一個概念吧。Float經常被錯誤理解，而且因為將上下文元素全部浮動導致的可讀性、可用性問題備受責難。然而，這些問題的根源並不在於理論本身，而是開發人員以及瀏覽器對理論的解讀造成的。  　　如果你認真的去讀一下浮動概念，你會發現並不像所見的那樣複雜。大多數問題都是由於老版本的IE帶來的（我只是猜想）。如果你知道這些bug，你就能避免這些問題。 

邊界疊加是一個相當簡單的概念。但是，在實踐中對網頁進行布局時，它會造成許多混淆。簡單地說，當兩個垂直邊界相遇時，它們將形成一個邊界。這個邊界的高度等於兩個發生疊加的邊界的高度中的較大者。　　當一個元素出現在另一個元素上面時，第一個元素的底邊界與第二個元素的頂邊界發生疊加，見圖：元素的頂邊界與前面元素的底邊界發生疊加　　當一個元素包含在另一個元素中時（假設沒有填充或邊框將邊界分隔開），它們的頂和/或底邊界也發生疊加，見圖：元素的頂邊界與父元素的頂邊界發生疊加　　儘管初看上去有點兒奇怪，但是邊界甚至

我們的設計越來越追求一種簡潔的風格，希望在有限的空間內展示更多的內容。與此同時我們發現一些問題，內容的簡單排列總使頁面很長。滾屏很多才能將顯示的內容布局完畢。YAHOO與網易率先應用了標籤切換的布局方式，打破了常規布局的局限性，在相同尺寸的地區內，可以放置更多的內容。我們只需要點擊不同的選項卡或連結就能展開內容，這並不需要開啟新的網頁，只是在同一頁內完成。 一、標籤切換總體的實現思路：

徹底放棄表格版面配置，使用xhtml+CSS建站也已經有一年多了。一年多的實踐也積累了一定的經驗，現在寫這篇文章來總結一下。在使用xhtml+CSS建站的過程中有一個比較關鍵的問題：網站的CSS樣式表規劃與管理。 我的CSS管理進化史

現在國內絕大多數的網站都用CSS把字型大小設定為12px，像素雖然也是相對尺寸單位，但只是相對於螢幕的解析度 ，當螢幕的解析度一定時，如果你感到字太小，閱讀有困難，在非標準瀏覽器中就無能為力了，所以說，如果把單位改成em，那麼就可以用CTRL+滑鼠滾動把字放大，或者用菜單上的查看>文字大小來改變字的大小。 如何設定  1.在body標籤裡將字型尺寸設為62.5%，如果在body裡沒有CSS設定，那麼瀏覽器預設的大小是16px，設了62.5%，則字型尺寸=16px*62.

如何在網頁中插入CSS  前面我們瞭解了CSS的文法，但要想在瀏覽器中顯示出效果，就要讓瀏覽器識別並調用。當瀏覽器讀取樣式表時，要依照文字格式設定來讀，這裡介紹四種在頁面中插入樣式表的方法：鏈入外部樣式表、內部樣式表、匯入外表樣式表和內嵌樣式。  1. 鏈入外部樣式表 

css打造滑鼠觸發效果 找什麼 會計 網頁設計 翻譯 家教 更多>> 在那裡 北京 上海 廣州 深圳 南京 天津 杭州 成都 重慶 武漢 西安 瀋陽 更多城市>> 進階搜尋分類搜尋 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

常用的DIV+CSS的基本架構結構但不推薦都放一個div裡css樣式代碼：  程式碼複製代碼 代碼如下:/*---全域樣式---*/  * { margin:0px; padding:0px;}  body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;background:#fff;}&

一、關於注釋 在建立xhtml+CSS網站時，CSS中的注釋非常重要。在建立CSS樣式時，應當保持隨手注釋的習慣。一般的，我習慣於使用“/* 注釋內容 */”的格式來寫注釋，因為在EditPlus等具有高亮功能的編輯器裡，使用C語言中常用的“/***************/”之類的注釋是無意義的，沒有必要填充大量無意義內容作為分隔。帶有注釋的文檔作為網站的原始CSS文檔，在發布網站的時候，可以使用CSS壓縮公用程式壓縮CSS，在輸出的CSS中去掉注釋以提高檔案傳輸效率。

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

1. Block和inline元素對比 所有的HTML元素都屬於block和inline之一。 block元素的特點是： 總是在新行上開始； 高度，行高以及頂和底邊距都可控制； 寬度預設是它的容器的100%，除非設定一個寬度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是塊元素的例子。 相反地，inline元素的特點是： 和其他元素都在一行上； 高，行高及頂和底邊距不可改變；