CSS

filter(css濾鏡) filter視覺濾鏡的種類 Alpha(透明度) Blur(模糊) Chroma(指定顏色透明) DropShadow(不透明陰影) FlipH&FlipV(翻轉) Glow(邊緣光暈) Gray(去色) Invert(底片效果) Mask(遮照效果) filter:Shadow(影子)

我相信來經典論壇學習標準的朋友，99%都不是為了進W3C，不是為了成為專業的研究人員，那麼大家來的目的是什麼呢？很簡單，其實都是想通過標準的學習讓自己多增加一項技能而已，讓自己在找工作的時候不會在被“需要熟練掌握web標準”而難倒，在下面的執行個體中xhtml並沒有什麼語意，文章的目的只是讓然大家能更好的掌握CSS中相對、絕對位置的用法(新手問此問題的確實很多)，及如何有效結合背景，實現比較複雜的布局。不足之處還望前輩們能指點一二,感謝！-----------------------------

我們知道Dreamweaver在表格製作方面做得非常出色，但是在某些時候還是必須結合css才能達到一些特定效果，下面我們先把有關表格邊框的css文法整理出來，然後另外介紹怎樣用css美化表格的邊框。  　　有關表格邊框的css文法 　　具體內容包括：上邊框寬度、右邊框寬度、下邊框寬度、左邊框寬度、邊框寬度、邊框顏色、邊框樣式、上邊框、下邊框、左邊框、右邊框、邊框、寬度、高度、有關標籤等。 　　 1.上邊框寬度

1. 檢查HTML元素是否有拼字錯誤、是否忘記結束標記  即使是老手也經常會弄錯div的嵌套關係。可以用dreamweaver的驗證功能檢查一下有無錯誤。  2. 檢查CSS是否正確  檢查一下有無拼字錯誤、是否忘記結尾的 } 等。可以利用CleanCSS來檢查 CSS的拼字錯誤。CleanCSS本是為CSS減肥的工具，但也能檢查出拼字錯誤。  3. 確定錯誤發生的位置 

下面用一些比較常用的屬性來做樣本。  margin  　　margin-top:1px;  　　margin-right:1px;  　　margin-bottom:1px;  　　margin-left:1px;  　　代碼簡化為：margin:1px  　　margin-top:1px;  　　margin-right:2px;  　　margin-bottom:1px;  　　margin-

 對於每一個Web developer來說，瀏覽器的相容都是個大問題，其中Firefox和IE又是最主要的使用者瀏覽器。一般我們會安裝不同的瀏覽器來進行測試，Firefox使用者則可以使用IE tab這人擴充來進行調試。 現在，你可以試試下面這個應用程式，或許能為你的開發工作帶來不少方便，介面就像Dreamweaer之類的，左邊顯示CSS代碼編輯區，右邊分兩欄顯示IE和Firefox下的調試效果。當然，布局 肯定是可以調整的。

數月來學習web標準，並遵循標準設計和製作web頁面。一直想寫點什麼，整理一下自己的心得體會。寫這篇文章，主要是針對中文排版設計，英文排版因為很少做，所以不涉及。 先介紹如何設定字型、顏色、大小、段落空白等比較簡單的應用，後面再介紹下比如首字下沉、首行縮排。最後講一些常用的web頁面中文排版，比如中文字的截斷、固定寬度詞內折行（word-wrap和word-break）等等。因為只是寫一些應用方面的心得，如果需要完整的CSS屬性介紹，請參考CSS手冊。

一、長度單位  長度單位是Web頁設計中最常用的一個單位。一個排列無序、雜亂無章的頁面不可能給人們留下什麼好的印象。於是，在設計的時候需要為元素的位置、尺寸精確地定義一些值，以使其達到預期的效果。 

是否想不用photoshop來建立一個帶漸層的標題文字嗎? 這裡用一個簡單的css技巧來向你展示如何僅僅使用css和png圖片來製造這種效果. 經測試這種方法適合大多數主流瀏覽器.當然, IE6需要一個支援透明PNG的Hack(值得慶幸的是微軟正在極力的將使用者的IE6自動升級到IE7^.^, 延伸閱讀:Warning: An IE7 Auto-Update Is Coming Soon) 優勢

看圖:這種效果,甚至是三列四列的新聞模組,以前我都用table,以為比css方便,直到後來發先了a的浮動之後,原來用ul更方面,更容易控制,先來看看代碼吧: 引用:.news{} .news li{ list-style:none; clear:both} .news li a#n1{ text-decoration:none; float:left; line-height:22px;}

一直都對CSS中Padding 屬性中參數個數的定義頗為困惑，例如： body { padding: 32px;} body { padding: 32px 24px; } body { padding: 32px 24px 18px; }

複製代碼 代碼如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

很簡單的導航條，放在這裡已方便以後用到；ie7/ie7/Firefox都測試過了；沒有問題； 複製代碼 代碼如下:*{ padding:0; margin:0; font-size:12px; line-height:1.7; font-family:Verdana, "宋體", Arial; list-style:none;} /*簡單定義了一下全域*/

複製代碼 代碼如下:function ReImgSize(){              for (j=0;j<document.images.length;j++)             {  

有時..有些東西Firefox 總是支援不好.......只能找私人屬性來幫忙....例子還米做...因為太多太不瞭解了...等理解得差不多時搞成本電子書.雖然這些不推薦使用,可是萬不得以的時候總得有個解決的方法..At-rules@-moz-document url(http://www.w3.org/),url-prefix(http://www.w3.org/Style/),domain(loaoao.com){div{color:red;}}指定樣式在哪個網域名稱下有用..如

通過CSS Hack 區分 FX/IE7/IE6/IE5.5/IE5 這是在 FireFox 或者 Opera 下面的效果 這是在 IE 6 下面的效果 這是在 IE 7 下面的效果 以下為簡單區分FF/IE6/IE7樣本 這行文字在FF下應為紅色，在IE6下應為藍色，在IE7下應為綠色。 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" cellSpacing=0 cellPadding=6 width="9

在製作之前，先建立開發環境。開啟netbeans6.1，在項目工作區，右擊建立項目，選擇Web目錄下的Web應用程式。 項目名稱輸入 RIADemo 。 選擇啟動並執行伺服器以及 java ee 標準。

[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

層捲軸DIY - Powered by yexj00 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]