CSS

標籤：前言今天我們來實現一個特殊的需求，這個需求說來也不過分，不過有點違背WebAPi的真實用途，WebAPi不過是作為傳輸資料而用，若非在項目開發中斷不可想到還要實現一個頁面來即時顯示列表並進行後續其他動作。接下來我們來看看。話題介紹當我們建立一個應用程式時可以選擇是否建立WebAPi項目，我們選擇建立WebAPi，同時在其根目錄下建立一個Index的Html頁面，於是乎則有了如下的樣子：我們運行起來看看是否能正確顯示結果：從這裡我們可以看出貌似不存在我們本節所需要講解的問題，這裡的介紹也就僅

1.embed是非法的標籤是Netscape的私人標籤，雖然標籤應用廣泛存在，但是從HTML3.2,HTML4.0到XHTML1.0，W3C都沒有收錄這個標籤。使用標籤的頁面將不能通過W3C校正。2.應該用objectW3C推薦的是標籤。甚至在XHTML2中，都要被所取代。用方法插入flash的代碼是： 但是這個方法在IE5-IE6/Win上不能正確顯示(不能連續播放，要下載完才能放),在低版本的可以正確顯示。後來採用先調一個小flash檔案再嵌入大flash檔案的方法解決了連續播放的問題，

如何使整個頁面內容置中，如何使高度適應內容自動調整。這是學習CSS布局最常見的問題。下面就給出一個實際的例子，並詳細解釋。（本文的經驗和是藍色理想論壇xpoint、guoshuang共同討論得出的。）首先先按這裡看實際運行效果，這個頁面在mozilla、opera和IE瀏覽器中均可以實現置中和高度自適應。我們來分析代碼：完整代碼headerclass="text">right11111leftfooter程式碼分析

中文搜尋 英文搜尋 國內門戶 綜合其它 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

display:block　將子物件作為塊對象呈遞。很多內聯樣式的效果，需要用到display。 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]position　內容的尺寸根據布局尺寸確定對象的尺寸。 樣本文字 底線樣式 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

前言 還未等到下一代WEB開發技術RIA技術成熟之前,當然還得與HTML作鬥爭。前段時間《網站重構》炒得挺熱， 這些都是進步，的確給我們新的思想。在這裡總結一些開發中的點滴經驗。 布局 1、上下左右布局 剛開始學製作頁面，用的是MM的DW軟體，可視化，讓更多人學會網頁製作。 還記得當初做頁面用的還是DW,一個朋友問過我這一樣一句話:"做網頁表格多還是用層多，有什麼區別?"。 我告訴他其實DW中用布局-表格版面配置，很快畫出整個頁面的架構,

HTML中的圖象標籤屬性 圖象可以使網頁更加生動美觀。瀏覽器可以顯示JPEG和GIF圖象，其中GIF圖象最多隻能使用256種顏色（即只能儲存為8位顏 色），而JPEG格式可儲存為24位，對具體連續色調的圖象有最佳效果。不過，GIF圖象雖然在圖象品質上不及JPEG圖象，但 其所佔的儲存空間下，下載速度快。因此應視不同情況而決定使用哪種格式的圖象。 在HTML文檔中插入圖象是通過標籤來實現的。該標籤共有個9個屬性。除屬性SRC是不可預設的外，其他的屬性都是可 選的。 　

General Motors Ford Motor Company DaimlerChrysler 用這種變態的方式可以實現，在firefox和ie6下看效果很好 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

複製代碼 代碼如下: Untitled Document 圖片與常值內容混合圖片與常值內容混合

垂直水平置中這是body代碼垂直水平置中解析：父元素relative 子項目absolute，子項目設定寬高，top和left設定為50%，margin-top和margin-left設定為高寬的一半乘以-1.2.水平置中：方法1：margin: 0 auto;方法2：解析：父元素relative，子項目absolute，子項目設定寬度，left：50%；margin-left：寬度的一半乘以-1；3.垂直置中：解析：父元素relative，子項目absolute，子項目設定高度，top：50%

最近學習了雪碧圖的使用，雪碧圖的好處這塊就不多說了，只說應用部分。雪碧圖的使用依賴於background-position這個屬性，屬性值分別為x,y軸的值，圖片的顯示大小由容器決定，簡單點說，就是承載該圖片的大小是多大顯示區間就是多大，起始點就是background-position屬性值的座標。素材取自慕課網雪碧圖課程http://www.imooc.com/code/1992 無標題文檔 下次自動登入 忘記密碼？

1.CSS是成疊樣式表（Cascading Style Sheets）的縮寫.它用於定義HTML元素的顯示形式.2.將CSS引入HTML的方式有三種： a.外部樣式表： b.內建樣式表： c.內聯樣式表： 屬性名稱為style 舉例:3.CSS中的選取器： A:簡單選取器； a:元素選取器；元素 { 屬性: 值; } b:類別選取器；.類名 { 屬性: 值; } 注意有個點。 c:ID選取器；#id名 { 屬性: 值;

常用到的一些最佳化：1.提倡前端開發工程師在書寫xhtml的時候做到結構語義化（標籤語義化的好處：1.有利於搜尋引擎；2.結構清晰便於團隊合作；3.有利於盲人螢幕助讀程式。至於如何做到標籤語義化，就看個人的理解了，這方面我也覺得模糊，跟個人的習慣估計也有一定的關係。）。2.css，js檔案數量及大小的最佳化（一般情況下建議css和js採用外聯式，減少重複性代碼，代碼重複利用）。3.背景圖片數量及大小的最佳化（用PNG8格式的圖片結合css

CSS背景圖片定位其實對於每一位學習前端的同學來說，都已經非常熟悉了。網上鋪天蓋地的最常見的一種方案就是在父元素中relative，然後子項目absolute。這種方案當然好，不過帶來的一個缺點就是會改變元素的層級關係，如果在多個地方使用，這樣的層疊嵌套的關係會十分混亂。先暫時拋棄那種方案，給大家分享幾種CSS背景圖片定位的方案。整篇文章會按照如下思路：1.無依賴的absolute定位2.background-position擴充文法3.background-origin定位4.calc()定位

自從W3C搞了一個Xhtml1.0的標準之後，很多網站都開始用之將網站重構，像yahoo，163，CSDN等，近來一段時間Xhtml+CSS2的熱潮更是一浪高過一浪，所以偶也開始學起了，慢慢的就愛上他們了，現在談一談最近一段時間來的學習體會。 為什麼要學Xhtml+CSS2 首先，規範的代碼能在各種瀏覽器中順利顯示。

IE瀏覽器引擎的CSS漸層實現方法IE並不支援CSS漸層，但是提供了漸層濾鏡，可以用來實現簡單的漸層效果。基本文法該參數的參數說明如下：enabled:設定或檢索濾鏡是否啟用。可選布爾值，包括 true 和 false，預設值為 true ，表示啟用狀態。startColor

我們知道在樣式表定義一個樣式的時候，可以定義id也可以定義class，例如：ID方法：#test{color:#333333}，在頁面中調用內容

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

很無聊的把n個濾鏡堆在一起就成了下面這個效果，呵呵 IE5.5+ Only 詰屈聱牙 Chorma Glow DropShadow Blur Wave [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

CSS Tables Configurations Dual 1.8GHz Dual 2GHz Dual 2.5GHz lipeng M9454LL/A M9455LL/A M9457LL/A mapabc Dual 1.8GHz PowerPC G5 Dual 2GHz PowerPC G5 Dual 2.5GHz PowerPC G5 地圖名片 900MHz per