CSS

CSS對瀏覽器的相容性有時讓人很頭疼,或許當你瞭解當中的技巧跟原理,就會覺得也不是難事,從網上收集了IE7,6與Fireofx的相容性處理方法並整理了 一下.對於web2.0的過度,請盡量用xhtml格式寫代碼,而且DOCTYPE 影響 CSS 處理,作為W3C的標準,一定要加DOCTYPE聲 名.   CSS技巧1.div的垂直置中問題vertical-align:middle; 將行距增加到和整個DIV一樣高 line-height:200px;

　　如果你還不知道LESS CSS是什麼東西，可以看一下這篇文章，是我一朋友寫給新人看的《CSS——LESS》　　不可否認，LESS CSS是個強大的工具，它彌補了css沒有變數、無法運算等一些“先天缺陷”，但它似乎給我一種錯覺，就是為了功能而實現功能。　　比如它的引用功能.rounded_corners{-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}#header{.rounded_corners;

 重設瀏覽器的預設設定           首先將以下代碼加到你的全域css檔案中：Code highlighting produced by Actipro CodeHighlighter

　　通常，我們做那個三角形，一般都是做張圖，而且需要兩張，因為一般都是下拉式功能表的效果，需要有個hover的樣式，箭頭是反的。那是不是有更好的辦法呢，畢竟要用兩張圖片來解決這麼一個小問題太浪費資源了，於是，下面我要用一個劍走偏鋒的方法來解決這一問題，用到的只需css的一個屬性，就是border-width　　我們先來看個樣式，如果設定元素邊框，會怎麼樣：test　　似乎看不出什麼，讓我給四個邊框加上不同的顏色吧再看看吧：test　　是不是發現了些什嗎？對，讓我們把中間的文字去掉吧： 　　這樣，

今天下午，公司網站要求改版，需要做一個和51Job類似的職位選擇和行業類別選擇JS特效，偏偏這個任務落到了我這個最不懂Js的人的手上！蒼天、大地……別提我自己寫了，先是上網一搜，哎，很多例子嘛，而且有源碼，HIA HIA

http://www.html.it/articoli/niftycube/index.html（雖然是英文的，但相信大家耐心點還是可以看的懂的）by Alessandro FulcinitiMore than one year has passed from the first version of Nifty Corners. While it was more of a proof of concept, and the second version presented some big

    剛才在看了ASP.NET 2.0 關於Theme的教材。其中有個例子，是講，有兩個textbox,不過，一個是server

首先,必須知道兩件事: 1.       瀏覽器事按照HTML代碼中對象聲明的先後順序,以流布局的方式來顯示對象的.2.       HTML中的所有對象幾乎都預設分為兩種: block對象和in-line對象. 其中, block預設的顯示狀態是佔據整行; in-line對象則相反,允許其他對象與它在一行中顯示. 現在來看float屬性, 它的作用就是改變block對象的預設顯示方式.

記得之前做flex應用時，用as指令碼可以很容易的在代碼邏輯中實現圖片的切片應用，而如今css的image

關於CSS對各個瀏覽器安全色已經是老生常談的問題了, 網路上的教程遍地都是.以下內容沒有太多新穎, 純屬個人總結, 希望能對初學者有一定的協助.一、CSS HACK以下兩種方法幾乎能解決現今所有HACK.1, !important隨著IE7對!important的支援, !important 方法現在只針對IE6的HACK.(注意寫法.記得該聲明位置需要提前.)<style>#wrapper{width: 100px!important; /* IE7+FF */width:

使用縮寫可以協助減少你CSS檔案的大小，更加容易閱讀。css縮寫的主要規則如下：顏色16進位的色彩值，如果每兩位的值相同，可以縮寫一半，例如：#000000可以縮寫為#000;#336699可以縮寫為#369; 盒尺寸通常有下面四種書寫方法:property:value1; 表示所有邊都是一個值value1； property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2 property:value1 value2

    在這個瀏覽器百花爭鳴的時代，作為前端開發的我們為了我們漂亮的設計能適應各個瀏覽器可為煞費苦心，主要體現在javascript和css上面。javascript我這次就不談了，先說說css。      為了適應不同瀏覽器不同的版本（版本主要就ie來說），ie這朵奇葩現在我們要相容6-9，它的10也快出來了。。。在ie下我們可以寫條件注釋來區分 ie和其他瀏覽器，以及ie的版本，這些請大家自行google。這篇文章主要討論的是css

曆經一個多月，終於完成……爭取在春節前出版！察看該書在CSDN的推薦頁面，該頁面中也有第一章未經潤色過的初稿供朋友們試讀。這一個多月時間一直也沒有怎麼照顧Blog，雜草叢生阿……ASP.NET英文技術文章推薦和digg.com網站Programming分類每周熱點兩個每周一篇的系列也沒有堅持下來……不過抽時間做了一個WebCast《ASP.NET AJAX的發展與應用》，也算有所收穫吧不管怎樣，我又回來了，以後一切都將照舊。希望朋友們也能夠繼續支援我！

運行期改變Winform的外觀，讓Winform可以像Asp.Net一樣，通過類似CSS一樣的設定檔實現外觀的自訂。當然，設定檔是XML格式的，而不是CSS格式的。怎樣才能實現呢？總共分三步，下面我們一步一步來。第一步：建立一個用來儲存外觀屬性的對象，這裡我把它定義為Style.cs。protected Color m_TextBackColor = Color.Yellow;protected Color m_TextForeColor = Color.Blue;protected Font 

大家都知道連續的英文或數字能是容器被撐大，不能根據容器的大小自動換行，下面是 CSS如何將他們換行的方法！ 對於div 1.（IE瀏覽器）white-space:normal; word-break:break-all;這裡前者是遵循標準。#wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:200px;}<div id="wrap">ddd111111111111111111111111

　　這不是一個新東西，但它確實是個好東西。只能說我OUT了，這小外掛程式還是在別人部落格上一年前的日誌裡看到的，先來個連結吧，寫的已經很詳細了，我這裡只是給自己做個記錄，留給自己看的。（Zen Coding: 一種快速編寫HTML/CSS代碼的方法）　　那Zen Coding到底是什麼，又是如何使用的呢？我們看一下官方舉的例子吧，如果你輸入：div#page>div.logo+ul#navigation>li*5>a　　就會看到這樣的輸出：<div

　　不知道大家有沒有注意到Google今天官網上的logo，剛開始一看還以為是gif，在仔細一看，發現並非如此，原來是使用CSS Sprite技術，利用一個初始圖片和一張畫滿各個動作的拼接圖片，從而實現了動畫效果。　　本人一時手癢，就想把這個扒下來，但發現Google的js寫的太牛逼了，無奈，只能自己用自己的思維去類比一個了。首先，需要兩張圖，分別是：　　當有這兩張圖後，我們就可以開始類比了。　　我先通過firebug觀察，發現google首頁在啟動並執行時候會迴圈載入以下html代碼：<

中午做了幾個緊急的BUG Fix，已經支援Firefox，和Css

很神奇，也是偶然發現的一直大家都覺得，在行動裝置上active無效是正常的，因為沒有mousedown嗎，都是touch今天發現，要讓a連結的Css active偽類生效，只需要給這個a連結的touch系列的任意事件touchstart/touchend綁定一個空的匿名方法即可hack成功<style>a {  color: #000;}a:active {  color: #fff;}</style><a

demo地址：http://xueduany.github.com/KitJs/KitJs/index.html#bubble號外：kitjs官方討論QQ群建立了，QQ群號88093625，歡迎大家加入，討論前端相關話題最近做手機項目時候，需要實現一個類似iphone SMS效果的氣泡效果。這裡分享下實現心得， 首先分析下iphone的氣泡效果有一下特點1. 圓角2. 向下的外陰影3. 上邊和下邊的內陰影4. 上邊內的一個內嵌的玻璃氣泡的反光效果 首先定義一個容器，盒模型為display: