CSS

WebSiteWhat is Mollio?Mollio is a simple set of html/css templates. The aim was to create a set of page templates that use css for layout as well as some sample basic content which has also had some css applied. It's definitely a work in progress.

  很多人喜歡將網頁中的重要訊息列印出來，但是常常遇到這種情況，網頁在瀏覽器中非常漂亮，列印出來卻非常混亂，一些看起來引人注目和五彩繽紛的頁面內容，列印出來卻差強人意。作為網站設計者，也需要考慮頁面對於印表機是否也同樣友好。      之前為Web頁面建立一個印表機友好的版本意味著要設計一個布局和格式都經過修改的單獨頁面，這樣才能夠在列印的時候獲得令人滿意的效果，而現在不需要這樣做。     

Css Reset是什麼? 有些同行叫 "css複位",有些可能叫 "預設css".....相信看完全文您會對Css Reset有個重新的認識原文地址:http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/PS：*{ padding:0; margin:0; } 這就是最常用的Css

在CSS的選擇符中，除了常用的“類型選擇符(E)、通配選擇符(*)、包含選擇符(E1 E2)、ID選擇符(#ID)、選擇符分組(E1,E2,E3)、類選擇符(E.class)、偽類及偽對象選擇符(E:P)”外還有“屬性選擇符(E[attr])”和“相鄰選擇符(E1+E2)”，試了一下屬性選擇符，感覺很不錯，如果使用到頁面中的話，會讓CSS的定義更加的強大，可惜現在IE並不支援這一選擇符。屬性選擇符可分為下面幾種：Attribute SelectorsE[attr]

由於最近在研究Extjs4.1.1，沒想到Extjs沒有內建的iconCls所使用的表徵圖樣式css，就是用那個寫那個的，糾結了半天，網上也找了好久，還是自己寫了個批量處理常式，集合了1713個png小表徵圖，都是Extjs原生態的，直接可以使用，這樣後面的開發就方便多了，感興趣的可以直接拿去用。非Extjs的其他項目也可以使用，使用的時候注意下目錄位置。來張綜合的圖片：產生後的CSS檔案預覽：注意項目的檔案引用位置： CSS檔案載入圖片，沒有採用spirit的方式，有潔癖的自己處理吧。附上CS

如今web2.0炒的很厲害,先不去管它web2.0究竟是什麼東西,反正div+css好像是火的不行了.各大知名網站都趕時髦似的把原來的表格版面配置翻新成了div+css,並美其名曰"本站符合w3c標準",以便讓別人覺得他們的網站用的是最先進的技術.div布局真有那麼先進麼?這個問題仍在爭論之中.在這裡咱們不參與這種無聊的爭論,學會它自己感覺一下不就清楚了麼?    實際上div布局並不是什麼高深的東西,如果你知道一點css就變得更簡單了.首先我要說明幾點:   

一、使用STYLE屬性將STYLE屬性直接加在個別的元件標籤裡，<元件(標籤) STYLE="性質(屬性)1: 設定值1; 性質(屬性)2: 設定值2; ...}例如： <TD STYLE="COLOR:BLUE; font-size:9pt; font-family:"標楷體"; line-height:150%>這種用法的優點

定位一直是WEB標準應用程式中的痛點，如果理不清楚定位那麼可能應實現的效果實現不了，實現了的效果可能會走樣。如果理清了定位的原理，那定位會讓網頁實現的更加完美。 定位的定義： 在CSS中關於定位的內容是：position:relative | absolute | static | fixed static 沒有特別的設定，遵循基本的定位規定，不能通過z-index進行層次分級。 relative 不脫離文檔流，參考自身靜態位置通過 top,bottom,left,right

常用的css命名規則頭：header內容：content/container尾：footer導航：nav側欄：sidebar欄目：column頁面外圍控制整體布局寬度：wrapper左右中：left right

css中font-family的中文字型 說到css中的font-family，相信很多朋友經常用，但不知道當你遇到引用中文字型的時候你會怎麼寫？最近特別關注了下，發現最常用的基本有三種類型：1、直接中文；2、英文形式；3、unicode碼；前面兩種形式很好理解，unicode碼是什麼意思呢？下面看基本定義:Unicode（統一碼、萬國碼、單一碼）是一種在電腦上使用的字元編碼。它為每種語言中的每個字元設定了統一併且唯一的二進位編碼，以滿足跨語言、跨平台進行文本轉換、處理的要求。更多內容請查看百度

　　在CSS中，我們可以通過下面的樣式實現DIV元素中文本超長後自動截斷並以省略符號結尾：overflow: hidden;word-break: normal;text-overflow: ellipsis;　　text-overflow: ellipsis是實現文本截斷後以省略符號結尾的關鍵樣式，但問題是如果添加該樣式則DIV元素內的文本無法自動換行，也就是說該效果只被允許在單行文本上實現。另外，word-break:

一般來說，上傳控制項不是用flash做就是用input[type=file]元素了，但flash在IPAD上沒救了，而input[type=file]在各種瀏覽器中又長得不是一個樣子，因此已經我們需要用CSS來處理一下。聽說webkit可以用-webkit-appearance:none;清除預設樣式，就可以讓你為所欲為了。但天朝的炮灰們（有些公司喜歡稱我們為前端攻城師，那豈不就是炮灰吧，每改設計一次就爛頭焦額，半死不活），是用不起這麼進階的東東，我們還要相容IE6呢。最後問群裡的大大，找到解決

文章目錄 My applicationNamespace declarationGlobal selectionSelection my IDDescendant selectionStates selectionConclusion [轉] http://cookbooks.adobe.com/post_How_to_use_the_new_CSS_syntax_in_Flex_4-15726.htmlHow to use the

/* 頁面的大架構 */.mainbox{ clear:both; margin:0px auto; width:970px;}.leftbox{ float:left; text-align:left; width:726px;}.rightbox{ float:right; text-align:center; margin-left:3px; width:225px; text-align:left;}  說明：clear:both：不允許有浮動物件，margin:0px

我們在研究其他的網站的樣式的時候經常會發現一種情況，就是在很多background屬性裡都調用同一張圖片，來滿足網頁各個部分的使用。開啟這種圖片看一下，會發現這張圖片上包含了很多小圖片，比如：又如：這些小圖片就是整圖分割後的各個部分，把各個部分放在一張圖片上，而不是是分別儲存成單獨的圖片，其目的我們都知道，就是減少http請求次數，節省時間和頻寬。那麼怎麼來實現一張圖片在不同的地方只顯示其中的一部分呢，這就用到了我們今天要說的背景圖片的定位問題。這個問題相信很多人都鬱悶過，也經常有朋友問我，所以

一直以為對ul li置中對齊已經掌握了。但最近做項目時發現之前li的float:left方法顯然有一個問題，就是無法置中（水平），只能使用padding-left或margin-right的方法方法來固定其置中。但這樣可能在寬屏與窄屏的顯示不一致。 使用這種方法主要是利用li的浮動固定寬度來實現，li的預設display為block，將其這個屬性改為inline便可實現這種ul li置中的問題<style

今天在google reader上看到一篇博文，然後在問了組裡的幾位同事之後才發現自己曾經一直對css selector的理解存在著誤區。據說老外的文章中很早就提到了關於css selector是優先順序演算法，只是到了國內被部分人員翻譯之後，誤解了其中的含義，導致現在很多人以為css選擇符的優先順序運算是將ID名、類名等等全部相加後做比較的。這篇博文命名為《CSS

我對圖形變換濾鏡的收集（CSS漸層濾鏡大全）<!--圖型變換代碼如下.     23.隨機變換效果            type="progid:DXImageTransform.Microsoft.RevealTrans(enabled=ture,transition=23)"              0.方形逐漸層小            type="progid:DXImageTransform.Microsoft.Iris(irisstyle=square,motion=in)

    上一篇講了如何在Site Definition中引入Maste Page，作為實際操作這是必要的步驟，但僅僅這樣是肯定不夠的，因為我們不可能不對Master Page的外觀進行設計就部署並使用它了。而外觀的設計又必須要涉及到CSS等資源的引入與使用。這裡我們就繼續上面的操作，在本篇看看如何引入我們的CSS資源(當然，引入Img等資源的方法與引入CSS的方法相同)。    還是在上述的項目中，新添加一個Module，命名為MyStyleLibrary   新項目如： 

Css讓文字自適應Table寬度[轉].ctl{table-layout:fixed}.ctl td{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px}關鍵樣式:table-layout:fixed 固定式配置的演算法,則表格被呈遞的預設寬度為 100% (For IE,Mozilla)text-overflow:ellipsis 當對象內文本溢出時顯示省略標記(...) (For