一.區分大小寫 當在XHTML中使用CSS,CSS裡定義的元素名稱是區分大小寫。為了避免這種錯誤,我建議所有的定義名稱都採用小寫。 二.不需要給背景圖片路徑加引號 為了節省位元組,我建議不要給背景圖片路徑加引號,因為引號不是必須的。例如: background:url("images/***.gif") #333; 可以寫為 background:url(images/***.gif) #333; 如果你加了引號,反而會引起一些瀏覽器的錯誤。
廢話不多說了,直接給大家貼代碼了,具體代碼如下所示:<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title>jquery實現進度條</title><style
在藍色上看到這篇文章的,感覺作者總結的不錯,至少有些偶自己也沒有真正的認識過。這些 東西的確是應該好好總結一下的,可惜偶這人比較懶,收藏整理於此,便於自己學習! 1.firefox不能對innerText支援。 firefox支援innerHTML但卻不支援innerText,它支援textContent來實現innerText,不過預設把多餘的空格也保留了。如果不用textContent,如果字串裡面不包含HTML代碼也可以用innerHTML代替。 2.禁止選取網頁內容:
<!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"> <head> <meta http-
消除鋸齒圓角 This is content here http://www.spiffycorners.com/index.php?sc=spiffy&bg=3847B4&fg=D68A88&sz=3px [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
採用CSS+DIV對網站重構日趨被大家重視起來了,尤其是大型網站,像阿里巴巴、163等大型門戶網站就已經完成了重構工作。本人在去年就已經有了使用CSS+DIV來編寫網頁源碼的習慣了,個人感覺這種方法確實比傳統的TABLE形式的源碼架構強多了。 1:表現和內容相分離 將設計部分剝離出來放在一個獨立樣式檔案中,HTML檔案中只存放文本資訊。 2:提高搜尋引擎對網頁的索引效率 用只包含結構化內容的HTML代替嵌套的標籤,搜尋引擎將更有效地搜尋到你的網頁內容,並可能給你一個較高的評價。
在編寫css樣式表的時候常常會碰到一寫瀏覽器安全色的問題,象是不同核心的瀏覽器顯示就不一定相同,不同版本的的瀏覽器也會產生上下相容的問題,如何解決這些問題成了我們苦惱的問題,如果你對css hack技術很瞭解的話,那這就是太簡單不過了,不過對於那些不怎麼解的人來說可真成了他們所苦惱的事。在這就從 趙磊官方部落格 引來一篇文章來介紹相容各個瀏覽器的技巧。但是你也不要認為只要是瀏覽器顯示出現差錯就事瀏覽器的問題,也很可能是你的結構不好,建議你好好去學習一下語義結構,畢竟
div+css還是比較難搞的,要實現上下兩個div高度自適應感覺麻煩,查了下資料只找到上下高度都是百份比的是可以的,我要實現上面的div是具體像素高度,下面是自適應剩餘的百份比。自己搞了一下還要用上js,不知道是不是很笨,有好的方法請大家帖出來。 <body style=”height:100%; margin:0px; width:100%;”>
十分鬱悶的問題,看下我原來寫的代碼: 無標題文檔 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] 居然出現了水平捲軸,問題是我定義的寬度才950px啊!最後還是在網友的協助下,發現了原因: 1 可以直接把body的css改為: body{width:990px; margin:0; padding:0;}
需要的一張圖片: aa 我是中國人 請輸入: jb51.net [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
iframe應用很普遍,通常的需求有兩種: 1,擷取iframe效果,就是帶一個捲軸,可以省不少版面。 2,要嵌一個頁面,實現架構連結。 如果不方便使用iframe,可以有如下解決方案: 第一種需求如果我們使用css布局來實現,即可以少一個頁面,也可以提高效率。 第二種需求可以採用xmlhttp遠程擷取。 A. 直接類比iframe 用層做容器
CSS屬性 - white-space 空白屬性說明 該CSS屬性用來處理空白。 值:normal | pre | nowrap | inherit 可用值 值的說明 normal 預設值。文本自然換行。如果超過元素寬度,內容自然換到下一行。 nowrap 不允許換行。
1.若有疑問立即檢測 在出錯時若能對原始代碼做簡單檢測可以省去很多頭痛問題。W3C對於XHTML與CSS 都有偵查工具可用,請見 http://validator.w3.org 。請注意,在檔案開頭的錯誤,可能因為不當的結構等因素造成更多錯誤;我們建議先修正一些最明顯的錯誤之後重新檢測,這樣也許會讓錯誤數量爆減。 2.使用浮動功能時記得適當清除指令
1、選取器(child selector) 如果你想在IE中隱藏一個CSS定義,可以使用子選取器。 css部分: html>body p { /* declarations */ } 2、“萬用字元”(*) 這種寫法只有IE瀏覽器可以理解(對其他瀏覽器都隱藏) css部分: * html p { /* declarations */ } 3、“反斜線”(\)
用純CSS+DIV寫的漂亮Flash投影片及SQL標籤教程! 下面代碼有點多!但做出來你肯定喜歡! 用純CSS+DIV寫的漂亮Flash投影片及SQL標籤教程!我不想廢話了,開門見山吧。 先看示範 :http://www.gz7y.com 點精彩推薦即可看見! 如果下面代碼你看不懂或者做不出來,明天等待我的視訊吧。 CSS如下: <STYLE type=text/css> <!--
瀏覽器的條件注釋理論,用下面一段例子來解釋這個問題 (X)HTML 下面一段代碼是測試在微軟的IE瀏覽器下的條件備註陳述式的效果 複製代碼 代碼如下:<!--[if IE]> <h1>您正在使用IE瀏覽器</h1> <![endif]--> <!--[if IE 5]> <h1>版本 5</h1>
話不多說,跟這小編來一起看下吧1、CSS<style type="text/css"> #scroll_head { position: absolute; display: none; }</style>2、Javascript<script type="text/javascript"> //該函數在上面一個table資料載入完成後調用 //把表頭的寬度設定到會滾動的頁頭去 var copyWidth = function () {
Tab - 飛飛+PR 支付 使該元素在FireFox下獲得高度從而顯示背景 為了保證瀏覽器的相容性 文本對齊改回預設left 左右自適應[FireFox置中方式] 內容對齊為置中[IE置中方式] 內容對齊為置中[IE置中方式] 軟體下載 問題答疑 客服 22222 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
在卡卡網的網站速度診斷裡的檢測結果:html網頁已經成功啟用了GZip壓縮css檔案未成功啟用GZip壓縮 後來研究發現,IIS啟用GZip時預設壓縮的只有html網頁,如果需要壓縮css、js等檔案,還需要另外簡單配置一個檔案。 開啟C:\WINDOWS\system32\inetsrv\MetaBase.xml這個檔案,然後尋找“IIsCompressionScheme”,
加上滑鼠點擊選擇(其實只是點擊後變個顏色,“選擇”這個詞在這裡不合適),順便把這個直接應用到GridView上,如果是其他的控制項,或者直接的HTML,稍加修改也可以用上,這裡僅提供一個思路。雖然GridView使用AlternatingRowStyle提供了交替行背景色的問題,但這個東西用著實在不爽,看它產生到HTML的那個table,那叫一個亂啊。