Time of Update: 2018-12-08
摘錄於 http://bbs.zdnet.com.cn/thread-108803-1-1.html <SCRIPT LANGUAGE="javascript"> <!-- if (window.navigator.userAgent.indexOf("MSIE")>=1) { var IE1024=""; var IE800=""; var IE1152=""; var IEother="";
Time of Update: 2018-12-08
很多時候,我們希望一些文字(比如網站首頁新聞塊的標題),在一行內顯示,並且超出它的長度範圍時,則加...省略,並且出現提示。 解決辦法: 先看樣本,,其中表格內左右兩塊內容完全相同。超出長度的自動省略了,並有提示。注意第二行,在左邊,由於容器寬度不夠,它是省略有提示的,在右邊,由於寬度夠,則它是普通模式。你還可以調整IE的“查看 》文字大小”,調成不同的字大小看一看,重新整理後再調幾下。 這裡是相關範例程式碼,你可以修改後運行:<style>#leftnewstd
Time of Update: 2018-12-08
文章目錄 相關參考連結: 在我們開始之前,先搞明白幾個概念吧。下面是一段CSS代碼: a { border-bottom: 0px; color: #5DB0E6; } a:focus { outline: 1px dotted #eee; } a:active { outline: 0px; } a:hover {
Time of Update: 2018-12-08
內容應放在HTML中,而不應該依賴於CSS。這是HTML的一個重要原則。下面這個例子很明顯的體現這個問題:當CSS可用時,頁面的內容正常。
Time of Update: 2018-12-08
從網上收集了IE7,6與Fireofx的相容性處理方法並整理了一下.對於web2.0的過度,請盡量用xhtml格式寫代碼,而且DOCTYPE 影響 CSS 處理,作為W3C的標準,一定要加 DOCTYPE聲名. CSS技巧1.div的垂直置中問題 vertical-align:middle; 將行距增加到和整個DIV一樣高 line-height:200px; 然後插入文字,就垂直置中了。缺點是要控制內容不要換行 2. margin加倍的問題
Time of Update: 2018-12-08
學習CSS以前總感覺是設計人員的事情,這種想法隨著時間的向後推移,發現根本不是那會事,這不,趕緊找了本精通CSS看了起來,也從中學到了不少東西。我把關鍵的部分也記錄下來,方便自己,方便大家!頁面導航:進階選取器:子選取器 | 相鄰同胞選取器 | 屬性選取器框模型:正確的框模型 | 空白邊疊加定位:相對定位 | 絕對位置1、進階選取器1.1子選取器子選取器的一個小例子代碼片斷Code highlighting produced by Actipro CodeHighlighter
Time of Update: 2018-12-08
IE7:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head&
Time of Update: 2018-12-08
最大寬度屬性協助開發人員限制文本或其他元素的寬度。最大寬度的目的是把你的元素限制在邊界線以內。使用下面的代碼就可以限制最大寬度,你還可以根據你的需要改變數值。.container {width: 800px;max-width: 90%;}- 自適應圖片大小下面的代碼可以幫你根據限制的寬度自動調節圖片大小。你需要做的就是設最大寬度為100%高度自適應。img {max-width: 100%;height: auto;}不過對IE8上面的代碼需要做些許調整,因為上面的代碼只對IE7和IE9起效。
Time of Update: 2018-12-08
CSS Hack由於不同的瀏覽器(Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等),對CSS的解析認識不一樣,因此會導致產生的頁面效果不一樣,得不到我們所需要的頁面效果。 這個時候我們就需要針對不同的瀏覽器去寫不同的CSS,讓它能夠同時相容不同的瀏覽器,能在不同的瀏覽器中也能得到我們想要的頁面效果。針對不同瀏覽器寫不同的CSS code的過程,就是CSS hack。CSS Hack
Time of Update: 2018-12-08
最近工作寫CSS比較多,寫完之後發現問題很多,尤其是瀏覽器安全色問題,現將學到的和一些總結的寫下來。 1、什麼是CSSCascading Style Sheets(層疊樣式表)的簡稱.一種標記語言,它不需要編譯,可以直接由瀏覽器解釋執行(屬於瀏覽器解釋型語言).在標準網頁設計中負責網頁內容的表現.例如 background-color: red; 被描述的元素的背景顏色為紅色。 2、CSS Hack 是什麼
Time of Update: 2018-12-08
在一款很有趣的開源VS2005外掛程式:CopySourceAsHtml 看到CopySourceAsHtml , 安裝發現中文的VS2005會出現問題, 還有, 它是開源的, 在修正 CopySourceAsHTML 外掛程式無法用於中文 VS2005 的Bug 中可以找的解決方案,.我自己也修改了一些, 加上了相鄰行背景色可設定, 並做一些自己覺得需要的修改, 我修改後的DLL可在此下載: CopySourceAsHtml.dll.添加樣式表: 其中.cf的樣式來自Dflying
Time of Update: 2018-12-08
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.
Time of Update: 2018-12-08
對IE8、IE7、IE6、Firefox2.0.0.12做了簡單的一些CSS HACK測試。下文中的 IE8 暫時僅代表IE8 beta1)。 CSS定義:p {color:#f00;} xhtml結構:<p>文字</p> 主要是測試“文字”這個顏色在不同瀏覽器下使用hack的一些結果報告: * html p {color:#f00;} 支援 IE6 不支援FF IE7 IE8b *+html p {color:#f00;} 支援
Time of Update: 2018-12-08
<style> .Freezing { position:relative ; table-layout:fixed; top:expression(this.offsetParent.scrollTop); z-index: 10; } .Freezing th{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px;}</style> &
Time of Update: 2018-12-08
任何屬性和內容都能以url的方式匯入 比如 <p innerText="http://xxxxxx.com/content.txt%22%3E%3C/p>一個頁面所有請求的資源可以被積極式載入,可預測的資源在一個http請求中就擷取到瀏覽器端style不再做為屬性或者標籤,而是做為一個頁面描述渲染的檔案匯入——對不同裝置,可以由服務端決定返回什麼樣的Style
Time of Update: 2018-12-07
min-width是個非常方便的CSS命令,它可以指定元素最小也不能小於某個寬度,這樣就能保證排版一直正確。但IE不認得,所以如果你用IE將部落格園的視窗寬度縮到足夠小,所有的字都變在一列中。常見的解決方案就是用javascript或IE的expressions。在這裡我來嘗試用css來解決這個問題假設我們需要一個min-width為300px的div第一步<div style="border-left: 300px solid #fff;height:1px"></div&g
Time of Update: 2018-12-07
/**//// <summary>/// 去除HTML標記/// </summary>/// <param name="Htmlstring">包括HTML的源碼 </param>/// <returns>已經去除後的文字</returns>public static string NoHTML(string Htmlstring){//刪除指令碼Htmlstring = Regex.Replace(Htmlstring,@
Time of Update: 2018-12-07
css + div 定位<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 0 Transitional//EN""http://www.worg/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.worg/1999/xhtml"><head><meta http-equiv="Content-Type"
Time of Update: 2018-12-07
在CSS中有用url文法來指定background-image或是其他引用檔案中,如:.mainheader{ height:52px; background-image:url(../images/mainheader_top_bj.gif); background-repeat: repeat-x; background-position:
Time of Update: 2018-12-07
幾個CSS按鈕樣式 <style>.btn {BORDER-RIGHT: #7b9ebd 1px solid; PADDING-RIGHT: 2px; BORDER-TOP:#7b9ebd 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=