CSS

前端設計師又有活幹了，多了一個找麻煩的兄弟chrome@media screen and (-webkit-min-device-pixel-ratio:0) {#abc{ margin-left:500px; }}這個只針對chrome，有人說還有一個寫法，body:nth-of-type(1) #abc{margin-left:500px;}但是這個寫法，我測試了一下，在FF裡面也起作用，所以還是第一個。附：各種常見瀏覽器使用的核心 (Rendering Engine)Mozilla

文章目錄 Tooltips: AJAX & JavaScript SolutionsCSS-Based SolutionsFurther SolutionsTooltips: WordPress-PluginsSelected Scripts: Quick Overview

1.公告滾動。想做一個滾動的公告前面加一個小表徵圖，而且是置中的，本可以在li前面設定背景，然後padding left 但是由於 加了padding後，公告的下一列也會有padding，樣式不好看，我想還是在li裡面加個圖片吧。但是圖片又不置中。因為li的 line-height設定了。圖片這個css是沒有影響的。經過尋找。下面方法可以實現：img{ border:solid 1px #dddddd; padding:2px;vertical-align: middle;}    

IE6下連結偽類（:hover）CSS背景圖片有閃動BUG，主要原因ie會再一次請求這張圖片，或者說圖片沒被緩衝。例如：CSS代碼a:hover{background:url(imagepath)}  常用的解決方案：在頁面底部添加以下IE6專用代碼，讓IE6緩衝CSS背景圖片至本地，這樣a:hover時IE6就不會再重新向伺服器請求載入背景圖片了。XML/HTML代碼<!–[if IE 6]>  <script type=”text/javascript”>  docu

受阿一同學的啟發俺也來發個小東西.雖然很喜歡editplus的小巧快速，但是很遺憾它不支援代碼的自動格式化，現在寫php,css,html都是用的Aptana，這個感覺不錯。今天正好看了一下editplus的使用者工具，它允許通過命令列調用和標準輸出輸出與其它程式進行互動，可以傳入參數可以手動指定，也可以是當前選定內容，當前本件所有文本等，即然這樣我們就利用它的filter模式，即把所有常值內容傳過去，再使用回傳內容替換當前文本。那麼我們還需要一個外部工具，為了方便起見，指令碼類語言當然是首選，

    這項CSS技術是利用利用對一張背景圖片的絕對位置來實現減少HTTP請求，從而達到網頁提速。CSS sprite最適合作用於背景表徵圖或是背景裝飾性的圖片。    就是把許多背景圖片整合成一張背景圖片，然後通過限制要使用背景圖片的元素的寬高，再通過background-repeat, background-position來對圖片進行定位，這樣做的好處就是減少網頁載入時的HTTP請求，因為你每使用一張背景圖片，載入網頁時就會發出一個HTTP請求。    CSS

FF , OPERA , SAFARI , IE7 , IE8 方法如下： Code highlighting produced by Actipro CodeHighlighter

在進行浮動布局時，大多數人都深知，在必要的地方進行浮動清理：<div style=”clear:both;”></div>。例如：<div style=”background:#666;”>       <div style=”float:left; width:30%; height:40px;background:#EEE; “>Some

外部參考CSS中

 通過背景的靠左對齊和靠右對齊用A標籤和span標籤組合出一個完整的圓角矩形。再通過hover標籤去滑動圖片。 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><style type="text/css">html , body , div , span , p , img , a , ul , li , table , tr , td 

網頁開啟與瀏覽速度受著多方面因素的影響，客戶網速是一個方面，另外網站開發的編碼方式也將對使用者的電腦產生負擔，在之前的文章中提過這方面的內容。這篇文章主要寫的提高網頁在用戶端瀏覽器的渲染速度的CSS部分。　　一、*{} #page *{}

    WEB開發中，你也許會使用一個全功能的IDE或原始碼編輯器，但CSS編輯器可提供專門的功能和特點，協助您更快更好的撰寫CSS。1.EnginSite CSS EditorEnginSite CSS

要實現的效果就是：   按鈕在正常的時候是透明的，沒有邊框的；   按鈕在滑鼠移上之後就變成有背景色，有邊框；前後對比如下： 圖1 正常顯示的情況  圖2

HTML和CSS的那些事兒1-標籤屬性和元素HTML和CSS的那些事兒2-CSS HTML真的就這點東西麼…1，span和div大部分標籤都有其意義(語義)，比如p表示段落,h1表示主標題等。span和div例外，但通過id和class屬性賦予的特定含義，利用span和div可以組織大塊的html代碼。span是內嵌元素.(inline element)div是塊元素.(block element)2，元標籤meta與搜尋引擎最佳化<meta name=”xx” content=”yyy”

文章目錄 先瞭解下各個字型單位：基準尺寸加百分比模型利用基準尺寸+百分比的好處？  先瞭解下各個字型單位：相對單位:px相對於裝置螢幕的解析度；em相對於父元素；ex相對於字母x的高度絕對單位:in英寸;pt點距;pc

簡單列舉下設計導覽功能表時要考慮的一些因素1，完全基於圖片的菜單導航意味著弱視的人無法調整菜單字型的大小。。。而且每次更新菜單時都要製作圖片。。2，用無序列表（ul）做菜單，對不同瀏覽器和裝置（如行動裝置）更具親和性。3，基於文本的菜單容易更新和修改4，在導覽功能表的細節設計時，創意地利用背景圖片可以美觀而又不缺乏靈活性。如mozilla採用的”滑動門”tab菜單5，文本尺寸是否可改變？菜單數目增加時是否容易擴充？6，實際設計過程中純圖片菜單的不可避免性，因為決策的人可能不是你自己。

[註：本文轉自http://hi.baidu.com/vivaid/blog/item/68fe35736c1d440d8701b08b.html]具體設定:網路上的設定好像不大對，這個是我這有效設定。可以壓縮css與js。需要其它參數的就自己到http://developer.yahoo.com/yui/compressor/中尋找了。command:javaargument:-jar $(AppDir)\filters\yuicompressor-2.4.2.jar --type

查看效果用jQuery切換CSS樣式表改變風格（無重新整理），如果你想在你的網站中加入這項功能，這個執行個體最適合您了，它使用了jQuery外掛程式，用起來更穩定、省心，你需要準備好多份CSS樣式表檔案，這和其它的實現方法是一樣的，然後引入jQuery，具體代碼請看樣本，點擊“樣式1、樣式2、樣式3”的時候，網頁的背景色和文字顏色都改變了。當然，這隻是一個樣本，因此不會太複雜。

1、應該將 CSS 放置於結構的上方（一般放置於 head 元素內）。CSS 是解釋型語言，Firefox 和 IE 在等待 CSS 傳輸完成之前不會渲染任何東西。只有將 CSS 前置，才可在瀏覽器解析結構時，對頁面進行渲染。This causes the blank white screen problem. The page is totally blank until the stylesheet at the bottom is downloaded, on the order of 6

表格對於網頁設計師來說再熟悉不過，隨著web標準的興起，表格不再承擔架構網頁布局的重任。迴歸到它本來的功能，表現資料。恐怕有很多網頁設計師都沒有興趣，我們精選了當今互連網上正在應用的和已經設計好的21個css和Ajax表格，教你一些在表格裡用分類和過濾的功能展示資訊的有用的技巧。對您在設計網頁時起到錦上添花的作用。1) Tablecloth：http://cssglobe.com/lab/tablecloth/ 　　2) Create a table like Orbitz’s airline