CSS

一、捲軸的軌跡，記作：scrollbar-track。所謂“軌跡”，指捲軸的滑動塊運行時所必經的路線。 二、捲軸的滑動塊，即在它上面按下滑鼠左鍵不放可上下或左右移動的滑動塊以及捲軸兩頭的小方塊，記作：scrollbar-face。face即捲軸的“臉”，注意它有三張“臉”：滑動條和兩頭的小方塊。 三、捲軸亮邊框部分，記作：scrollbar-highlight。這個亮邊框，和表格的亮邊框概念是一樣的，即左邊和上邊部分，捲軸的亮邊框部分是指捲軸的“臉”（即滑動塊和兩頭小方塊）的亮邊框。

... 　　在global.css中聲明了 #myArticle{ width:400px; height:300px; } 　　這樣的情況下，直接通過JS進行getElementById('myArticle').style.width是無法擷取400px的值的，因為這個數值定義在CSS裡，所以，必須要用其他方法，我寫了以下函數： /** * function for get the style value in special css file * @param int

雖然在許多的文檔中，多次提及過這方面的內容，但依然有很多朋友在這些問題上犯錯。我們今天看看這些CSS技巧，認真讀一讀，或許您並不能完全理解，您可以進行搜尋，擴充您所想要得到的知識，相信您會有很多收穫！ 　　一、ul標籤在Mozilla中預設是有padding值的，而在IE中只有margin有值。

Cascading Style Sheets: The Definitive Guide, 2nd Edition is a thorough review of all aspects of CSS2.1 and a comprehensive guide to CSS implementation. The book includes new content on positioning, lists and generated content, table layout, user

內容再豐富的網站，如果慢到無法訪問也是毫無意義的； SEO做的再好的網站，如果搜尋蜘蛛抓不到也是白搭(頁面效率和搜尋蜘蛛之間的關係，需要進一步的確認，此為和上篇保持統一)； UE設計的再人性化的網站，如果使用者連看都看不到也是空談。所以網頁的效率絕對是最值得關注的方面。雖然我們在

文本左右對齊： 複製代碼 代碼如下:text-align:justify; text-justify:inter-ideograph; 清除浮動： 複製代碼 代碼如下:.clear{clear:both;line-height:0;height:0;font-size:0;} 清除浮動偽類： 複製代碼 代碼如下:.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}

今天用了很久時間終於解決了這個問題，基本完美了，唯一不完美的就是 IE 6 只有在圖片完全下載完成後才會自動調整大小，不過聊勝於無，總比進入頁面後看到長長的橫向捲軸舒服的多，這裡使用了 expression，但是利用了一次載入，所以 expression 不會造成記憶體流失。當然，如果你有更好的解決方案，希望能與我交流。 代碼如下： .Image { max-width:600px;height:auto;cursor:pointer; border:1px dashed

最近很少寫CSS了，以後也可能寫的會很少了，所以還是想把自已的一些經驗能和大家分享一下，希望能給大家一些協助！這篇文章主要寫的提高網頁在用戶端瀏覽器的渲染速度的CSS部分，暫時總結了10條。 1、*{} #jb51 *{} 盡量避開 由於不同瀏覽器對HTML標籤的解釋有差異，所以最終的網頁效果在不同的瀏覽器中可能是不一樣的，為了消除這方面的風險，設計者通常會在CSS的一個始就把所有標籤的預設屬性全部去除，以達到所有簽標屬性值都統一的效果。所以就有了*萬用字元。*會遍曆所有的標籤；

Hihi, 大家好~ 最近有不少人都提及了網頁上該如何選擇字型的問題。問題雖然小，但是卻是前端開發中的基本，因為目前的網頁，還是以文字資訊為主，而字型，作為文字表現形式的最重要參數之一，自然有著相當重要的地位。可惜字型的重要性在很長時間內並沒有得到足夠的重視。很多人對字型的概念還是停留在 font-family: "宋體", Arial, Helvetica, serif 的階段，卻不明白為什麼這樣設定，這樣設定是否合理等等。現在就讓我說說字型的來龍去脈吧。-

1、很多相容性問題，是因為不同標籤在不同瀏覽器下有著不同的 padding margin預設值。所以可以事先定義 複製代碼 代碼如下:* { padding：0; margin:0;} 或者 複製代碼 代碼如下:ul,li,h1,h2,h3,h4,h5,h6,p,table,td,p,img,hr,dd,dt,span,a,dt,dd,ol{margin:0;padding:0;font-size:12px;} 2、關於布局，可以看dreamweaver

更加壞的事情是，即使你僅僅針對IE設計，不考慮其它瀏覽器，由於IE模型絕對可以說是一隻讓人難以捉摸其脾氣的怪物，所以你單純為IE設計也會遇到眾多難題，發現很多的效果總是繞來繞去都難以實現。我們都知道，XHTML+CSS的目標就是實現內容與表現分離，理論上對於任何特定一份內容，我們都可以通過CSS實現任何我們想要的表現形式，或者細緻地說是布局形式。雖然現實與這個目標有一定差距，但是CSS已經能夠滿足大多數常見的布局需求，這有CSS Zen

如果你熟悉XML相關的開發，可能也就習慣於這種寫法，想著XML中任何不含子節點的元素都可以這樣寫，那麼XHTML中沒有內容的標籤也都可以這樣寫。XHTML中理論上當然允許任何標籤以自關閉的方法來書寫，然而瀏覽器安全色性卻帶來了新問題，那就是IE無法正確識別某些標籤的自關閉寫法。請嘗試輸入以下XHTML代碼並在IE中瀏覽：hello

FF瀏覽器 .test{ height:20px; background-color:orange; } IE7瀏覽器 *+html .test{/*IE7*/ height:20px; background-color:blue; } IE6瀏覽器 *html .test{/*IE6*/ height:20px; background-color:black; } 通過上面的CSS代碼可以看出FF還是最聽話的瀏覽器。在IE6和IE7如果要使用HACK必須要在前面加上夫級標籤html。

BI上有高手專門討論了這種布局方法，但他用了較多的hack，還迴避了IE6的dtd。我在實際使用中，發現迴避掉IE6的dtd定義後，會導致ajax模態框無法置中（VS的一個控制項，自動產生的程式碼，很難修改）。 於是自己寫了個簡單的左右兩列的布局，沒用到什麼hack，很簡單，只是練手用用。

我們今天共同學習一下CSS Alpha透明相關的知識。 關於CSS Alpha透明的相關知識。先請看如下代碼： 複製代碼 代碼如下:filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支援CSS3的瀏覽器（FF 1.5也支援）*/ 　　簡單解釋，IE使用私人屬性filter:alpha(opacity)，Moz

不帶邊框的iframe因為能和網頁無縫的結合從而不重新整理頁面的情況下更新頁面的部分資料成為可能，可是 iframe的大小卻不像層那樣可以“伸縮自如”，所以帶來了使用上的麻煩，給iframe設定高度的時候多了也不好，少了更是不行，現在，讓我來告訴大 家一種iframe動態調整高度的方法，主要是以下JS函數： 第一種方法：代碼簡單，相容性還可以，大家可以先測試下。複製代碼 代碼如下: function SetWinHeight(obj) { var win=obj; if

通用類 overflow:hidden;自動隱藏超出的內容，防止撐開層和表格的範圍 !important 指定樣式規則的應用優先權 文字類 color: #FF0000;文字顏色 font-family: "Arial", "Helvetica", "sans-serif";字型 font-size: 9px;字型大小 text-align：center; 置中(left為居左,right為居右) line-height：28px；行高(可用150%值) font-style:

根據時間自動調整網站風格是不錯的想法，這種根據時間自動調整網站風格也不是什麼新鮮事，記得好久以前也見過類似的文章或方法，只不過當時沒有特別注意。下面說一下它們的實現方法，目前網上有這樣兩種實現方法： 一、採用服務端的代碼 ASP版本： if hour(now)response.write "morning.css" elseif hour(now)response.write "day.css" else response.write "night.css" end if %> "/>

在做頁面的時候，經常要根據不同的操作來顯示或隱藏一個表格中的部分內容，隱藏一行直接用標籤，隱藏多行時用就很方便。 表單內容 多行內容 多行內容 用js來控制樣式display來顯示和隱藏，很方便。聽說這樣還可以控制網頁載入時顯示的順序，content1會比content2先顯示，而不是等表格載入完後一起顯示，沒有實驗過，在表格式資料很多時會有作用。

複製代碼 代碼如下: 指令碼控制三行三列自適應高度DIV布局 指令碼控制三行三列自適應高度DIV布局 親和力指的並不只是關於盲人和螢幕助讀程式。還有許多人雖然不是盲人，但是有視力障礙 - 你我變老時就會成為他們的一員。使網站變得更具親和力的一個最簡單的方法就是允許使用者改變文字大小；拒絕提供這樣的選擇就剝奪了使用者的主導權，很可能使使用者無法舒適地閱讀。 親和力指的並不只是關於盲人和螢幕助讀程式。還有許多人雖然不是盲人，但是有視力障礙 -