CSS

jquery部落格覺得CSS樣式命名是很重要。項目中，要是團隊，樣式命名不同的話，會給團隊其他人看的很糾結，揣測你的很費勁哦。一般常見的有駝峰，帕斯卡，符號串連1，駝峰有著悠久的曆史，大家接觸過其他程式語言的，很瞭解了，不多說不解釋。用css寫個資訊層的話 .messageBox{…}2，帕斯卡其實和駝峰很相似，具體表現為每個單詞都需要大寫比如 .MessageBox{…}3，符號串連需要按個shift 開發速度不咋樣 .message-box{…}個人比較喜歡用駝峰，抵制符號連結 比如-

好久沒用css hack了，剛來的新環境，有些不是自己寫的，上面催命似的，沒辦法 css hack吧平時css hack用的少為了速度點，看人家代碼實在糾結拿個css hack用用吧IE6能識別底線"_"和星號" * "，IE7能識別星號" * "，但不能識別底線"_"，而firefox兩個都不能認識。書寫順序，一般是將識別能力強的瀏覽器的CSS寫在後面瀏覽器優先順序別:FF < IE7 < IE6 , CSS hack書寫順序一般為FF IE7

CSS Property JavaScript Reference

css 控制div高度自適應瀏覽器的高度 1 <html> 2 <head> 3 <style> 4 #myTable{height:100%;border:solid 1px red;width:100%;} 5 #top{margin-top:1px;height:100px;border:solid 1px green} 6 #down{margin-top:1px;height:89%;border:solid 1px silver} 7 #left{

1.為了將不必要的元素減少的最少,應該只在沒有現有元素實現地區分割時使用div例如:主導航列表就不需要包圍在div中.2.div時用來對區塊層級元素進行分組,而span可以用來對內元素進行分組或標識.觀念要實現折中.3.www.andybudd.com/bookmarklets/下檢驗器bookmarklet4.通用選取器*{}5.form{15px;},form#search{width:30px;}6.在每個網站上添加一個ID,這樣使用者可以用自己的樣式來覆蓋你的樣式表,網站範圍,俗稱css

雖然我是做背景，但有時候難免要做些前台，最常設計的模組布局，如原來我們用table布局時，不用說都很簡單但隨著web2.0的到來，採用css布局，用不好還比較麻煩，一直以來，我都用浮動來定位那個“更多”的span ，這樣有好多問題  瀏覽器安全色也眾口難調 結構如下：<div class="block"><ul><li><h4>標題<h4><span class="more">更多<span><li>

css瀏覽器不相容很折騰人。天外飛仙在其他網站上趴下來的，讀了遍，還真是回事，說的蠻好的，就轉來，權當給自己做筆記，俗話說的好，好記性不如爛筆頭，也順便給大家分享。一、IE邊框若顯若無，須注意，定是高度設定已忘記；二、浮動產生有緣故，若要父層包含住，緊跟浮動要清除，容器自然顯其中；三、三像素文本慢移不必慌，高度設定幫你忙；四、相容各個瀏覽須注意，預設設定行高可能是殺手；五、獨立清除浮動須銘記，行高設無，高設零，設計效果兼瀏覽；六、學布局須思路，路隨布局原理自然直，輕鬆駕馭html，流水布局少ha

最近jquery部落格一直在加班，你妹的要晚上九點回去。外面黑壓壓的一片，網速慢的出奇百度Google下都不正常哎 這個事咋整哦沒心情折騰了整點東西吧剛做前端的時候做的較多的是就是菜單導航其實就一個ul 給一個固定寬度li固定寬度高度浮動lefta標籤中加個class連結順序得關注下高手們請忽視吧線上效果DEMO原文地址 jquery特效 http://www.jqueryba.com/320.html

今天jquery部落格遇上CSS文檔流與區塊層級元素(block)內嵌元素(inline)之間的關係，最近一直加班，睡眠不好，有點糊塗了，簡單的問題複雜化了。項目多了，有些需要和同事們齊心協力，有些放進去出錯，頭大啊。文檔流將表單自上而下分成一行行， 並在每行中按從左至右的順序排放元素，即為文檔流。每個非浮動區塊層級元素都獨佔一行， 浮動元素則按規定浮在行的一端。 若當前行容不下， 則另起新行再浮動。內嵌元素也不會獨佔一行。 幾乎所有元素(包括塊級，內聯和列表元素）均可產生子行，

最近很多朋友問起一些關於CSS學習方面的事情,我總結了一些CSS學習的相關資源分享給大家        1.學習網站             網頁設計師：上面有很多CSS與網頁設計標準的資料及教程，初學者必去。         下載《網頁設計師》網站CHM(7月6日)版(2.08MB) 　　2.學習工具           蘇沈小雨的CSS樣式表中文手冊：這可是中文語言中最好的CSS手冊了，推薦人手一冊.                     下載            CSS 2 中文手冊 

聊天泡泡做為一種UI表現形式是廣大網民群眾所喜聞樂見，但許多教程實現它卻總是需要上使用非語義的HTML或者JavaScript。而本教程中的各種聊天泡泡只需要使用到CSS2.1來構建，並用CSS3來增強效果。不使用圖片，也不使用JavaScript和更加不使用當前語義沒用到的HTML哦。在CSS檔案中有大量對代碼的注釋，可以讓你方便的看懂這些代碼。（譯者：在翻譯時作者要求DEMO頁面要用原先的網址，所以這些注釋沒有翻譯，當然當你看完本文，瞭解清楚實現方式，哪麼不看注釋也是可以看懂代碼。）查看DE

 很早就在這裡看到過解決方案，與嗷嗷討論後發現這個方案還是很可靠的。當然，唯一的缺點就是每一個屬性都要去Hack，但我在很多實踐中，只用‘修正’1-2個屬性就可以了。具體寫法很容易：#someNode{    position: fixed;   #position: fixed;   _position: fixed;}第一排給Firefox以及其他瀏覽器看 第二排給IE7（可能以後的IE8、IE9也是如此，誰知道呢）看 第三排給IE6以及更老的版本看

註：本文非原創，點擊查看原帖我們都知道，表單是網頁的重要組成部分，它是網站與使用者進行互動的視窗。然而表單中固定的諸如解說文字、輸入框、提交按鈕等元素，使得表單設計略顯乏味，難有創新，這一點不少Web設計師深有體會。好的Web設計師就是可以在平凡處挖亮點，讓表單設計或耳目一新，或整潔素雅。下面就來看這樣的15個基於CSS的優秀表單設計。FootytubeGo SquaredNext BIg SoundPSD ThemesFood SpottingGowallaVirbLive

關於CSS相容性的問題 上次在罈子提了一個針對各個瀏覽器CSS應該注意什麼，鬱悶，後來沒有人整理，自己就埋頭查了一查資料！自己整理上來，希望對大家有協助： CSS相容要點分析： IE vs FF CSS 相容要點： DOCTYPE 影響 CSS 處理 FF: div 設定 margin-left, margin-right 為 auto 時已經置中, IE 不行 FF: body 設定 text-align 時, div 需要設定 margin: auto(主要是

XHTML+CSS相容性解決方案小集使用XHTML＋CSS構架好處不少，但也確實存在一些問題，不論是因為使用不熟練還是思路不清晰，我就先把一些我遇到的問題寫在下面，省的大家四處找。 1.在mozilla firefox和IE中的BOX模型解釋不一致導致相差2px解決方案： 引用內容：

字型加粗(CSS) 模板ID { font-weight: 800 }模板ID { font-weight: bold } 文法: font-weight: <值>允許值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900初始值: normal適用於:

犯了個錯誤，css命名不能以數字開頭，否則就不起作用了哦，今天無意中碰到的這個問題，以前到是沒有注意到這個情況。。。。另外單獨定義莫個li時，前面的父級要寫全 .loginbox_ul li{float:left;height:30px;line-height:30px;width:100px;background:;}.loginbox_ul li a:link,.loginbox_ul li a:visited{color:#6666cc;}.loginbox_ul

如果在使用 css Sprites 背景圖你沒有指定一次，而是採用 Workaround，而非 Fix那麼就會出現一個bug ：如果IE 的緩衝控製為不緩衝，每次都去伺服器取資源的話，背景圖會閃這個是 chen yagnjian 提供的方案：Client-side fix:Tools > Internet Options > 'Settings' under Temporary Internet files > Select 'Automatically'

　　重點2： 　　邊框透明css屬性：transparent    　　死亡的IE6中邊框透明需要用到濾鏡：/*_filter:chroma(color=#000000);色度濾鏡,讓IE6實現透明borderColor.這裡濾鏡的顏色值是不可以簡寫的*/ HTML Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--> <div

這個算是一個參考文檔吧!1.集合類對象問題 現有代碼中許多集合類對象取用時使用 ()，IE 能接受，Firefox 不能。 解決方案：改用 []作為下標運算。如：document.forms("formName") 改為 Js代碼 document.forms["formName"];   //又如：  document.getElementsByName("inputName")(1);   //改為  document.getElementsByName("inputName")[1];