CSS

UIWebView 既可以load by url，還可以load html string。即你可以自己generate html string來用web view顯示。load html string 典型的應用是：url所對應的web page內容太多，如果只需要部分的html content，那麼可以通過http request擷取url的html content，然後只選取需要的部分，然後通過load html string來顯示。自己產生的html，有時無法避免要使用local css,

如果用過twitter，你可能已經留意到當輸入框獲得焦點後，它的邊框會有藍色發光的效果，並且這裡運用了transition屬性，使得光暈效果有很平滑的過渡。本教程將講述如何運用box-shadow屬性來做到這樣的效果。CSS代碼如下：input {transition: all 0.30s ease-in-out;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s

CSS布局常用的方法：float : none | left | right取值：none : 預設值。對象不飄浮 left : 文字資料流向對象的右邊 right : 文字資料流向對象的左邊它是怎樣工作的，看個一行兩列的例子xhtml:<div id="warp"> <div id="column1">這裡是第一列</div> <div id="column2">這裡是第二列</div> <div

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"><head>    <title>CSS+JS實現的靜態頁面翻頁效果</title>

最近由於需要，在做一個部落格管理系統，在即將完工之際，遇到從沒遇到過的問題，頁面在IE7和FF都顯示正常，而在IE6下，部分css失效，最後經查閱發現問題所在是css編碼問題：網頁採用的是utf-8編碼的，而CSS是使用的是ANSI編碼的，這種情況在IE8、IE7和Firefox可以被識別CSS樣式會正常顯示，但是IE6及其以下版本都不認識，導致了上面問題描述的情況。解決辦法：將網頁和CSS檔案的編碼使用一樣的，就可以了，建議將CSS檔案的樣式修改使其和網頁保持一致。修改CSS檔案的編碼方式可以

單行文本的控制，以前是由程式員完成的，實現截字效果。今天介紹的方法相容IE和FF，看下面的詳細介紹。為了更符合實際，用一個div裝起要調試的內容，並為這個div定義一個寬度。例如：單行文本的控制，以前是由程式員完成的，實現截字效果。今天介紹的方法相容IE和FF，看下面的詳細介紹。為了更符合實際，用一個div裝起要調試的內容，並為這個div定義一個寬度。例如：css代碼：div{width:200px;} html代碼：<div><span>中國站長天空，站長建站樂園 -

http://lzy83925.iteye.com/blog/1186609如何你的DispatcherServlet攔截 *.do這樣的URL，就不存在訪問不到靜態資源的問題。如果你的DispatcherServlet攔截“/”，攔截了所有的請求，同時對*.js,*.jpg的訪問也就被攔截了。 目的：可以正常訪問靜態檔案，不要找不到靜態檔案報404。 方案一：啟用Tomcat的defaultServlet來處理靜態檔案Xml代碼  <servlet-mapping>       &

在XHTML文檔中合適的使用CSS和JavaScriptXHTML 1.0 The Extensible HyperText Markup Language (Second Edition) 定義XHTML是為了把HTML 4擴充成像XML 1.0一樣的應用程式。 在許多網站中XHTML正在迅速的替代HTML 4；然而，主流瀏覽器對完全支援XHTML方面表現得不足，和網頁設計師對HTML 4與XHTML的基本差異缺乏理解，產生了當今網路上的一個不斷擴大的問題。 XHTML是XML,不是HTML

玩WEB重構的朋友相信都有一個同樣的苦惱，那就是由於瀏覽器版本的不同，對CSS裡某些元素的解釋也不一樣，才子當然也碰到同樣的問題，也收集了一些解決方案，才子之前貼過兩個針對瀏覽器版本不同而選擇不同CSS的代碼，有興趣的朋友自己找找吧。     其實我們還可以利用條件注釋的方法來達到類似的目的，什麼是條件注釋，才子也在此簡單介紹一下，無非就是一些if判斷啦，呵呵，但這些判斷不是在指令碼裡執行的，而是直接在html代碼裡執行的，下面來介紹一下使用方法吧。<!--[if XXX]>

複雜的列表布局是我最為頭痛的。往往在測試時會亂得不堪入目，而且不能相容IE和FireFox。這個問題困擾了我幾個晚上，今天終於搞定了。在IE和FireFox中測試幾乎一模一樣。源碼下載： 先看：這是模仿閃客帝國的作品熱門排行榜。實現代碼： 程式碼<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

   CodeCode highlighting produced by Actipro CodeHighlighter

<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>factly彈出層</title><style type="text/css"><!--.tittleup

1.區別IE和非IE瀏覽器 #tip {background:blue; /*非IE 背景藍色*/background:red \9; /*IE6、IE7、IE8背景紅色*/} 2.區別IE6,IE7,IE8,FF

為了達到某種特殊的效果我們需要用Javascript動態去更改某一個標籤的Css屬性。比如：滑鼠經過一個圖片時我們讓圖片加一個邊框，代碼可能是這樣：JavaScript代碼<script type="text/javascript">       function imageOver(e) {            e.style.border="1px solid red";        }       function imageOut(e) {           

註：【轉載請註明文章來源、保持原樣】出處：http://www.cnblogs.com/jyli/archive/2010/01/31/1660364.html 請作者：李嘉昱CSS在Webkit中的實現屬於相對獨立的一個模組，注意這裡說的是相對。CSS在Webkit中的作用自然是不言而喻的，在Web早期，文檔的結構和樣式還未分離的那個時代，HTML擔負了文檔的結構和樣式這兩個雙重任

CSS盒子(CSS box)首先要清楚，CSS中沒有box這個屬性。CSS的盒子(box)是由以下幾個部分組成的：內容(content)、填充(padding)、邊框(border)和邊界(margin)。盒子的內容當然是必須有的，而填充、邊框和邊界都是可選的。盒子裡由外至裡依次是：margin 邊距 border 邊框 padding 間隙 (也有人稱做補丁) content (內容，比如文本，圖片等) CSS 邊距屬性

英文原文：http://www.smashingmagazine.com/2008/08/18/ 譯文原文：http://blog.bingo929.com/7-principles-optimized-css.html

字型的處理在網頁設計中無論怎麼強調也不為過，畢竟網頁使用來傳遞資訊的，而最經典最直接的資訊傳遞方式就是文字，所以，瞭解一點字型的基本知識對於設計來說還是非常重要的。 　　中文和英文的最大區別就是中文是方塊字，英文是拼音文字，這對字型的處理的影響是巨大的。看看下面的圖示就會發現，英文字型裡的那些變化在中文字型裡都弱化了。　　作為中文的讀者，習慣性的接受方塊形狀做為閱讀的單元，其實對於眼睛來說，這是一種容易疲勞的方式，閱讀的時候你的視線實際上是跟隨整行文字的外形。看看這個例子。　　NOW I'VE

一

<script type="text/javascript">            function addStyle(stylePath) {                var container = document.getElementsByTagName("head")[0];                var addStyle = document.createElement("link");                addStyle.rel =