Time of Update: 2018-12-04
十字准心 cursor:crosshair;手 cursor:pointer; cursor:hand; 寫兩個是為了照顧IE5,它只認hand。等待/沙漏 cursor:wait;協助 cursor:help;無法釋放 cursor:no-drop;文字/編輯 cursor:text;可移動對象 cursor:move;向上改變大小 cursor:n-resize;向下改變大小 cursor:s-resize;向右改變大小 cursor:e-resize;向左改變大小
Time of Update: 2018-12-04
實例如下: 製作步驟:1.選擇AnotherEon001皮膚2.把以下複製到自訂CSS樣式body{background:#F7F7F7 url(http://hi.csdn.net/attachment/200911/7/2190_1257596077JTZF.jpg) repeat scroll left top;color:#5A554E;}a:hover {color:#516C00;text-decoration:none;}a
Time of Update: 2018-12-04
最近給公司做了個投票系統,不過投票結果顯示是用flash做的HOHO全都是動態餅圖,主圖,還有曲線圖但是看到國外有用js寫的動態效果於是自己寫了個小例子HOHO<html><script language="javascript">/** * 動態設定大小 * @param obj_id,動態顯示div的id * @param max,最大票數 * @madeby ok7758521ok <ok7758521ok@126.com> */function
Time of Update: 2018-12-04
十字准心 cursor:crosshair;手 cursor:pointer; cursor:hand; 寫兩個是為了照顧IE5,它只認hand。等待/沙漏 cursor:wait; 協助 cursor:help; 無法釋放 cursor:no-drop; 文字/編輯 cursor:text; 可移動對象 cursor:move; 向上改變大小 cursor:n-resize; 向下改變大小 cursor:s-resize; 向右改變大小 cursor:e-resize;
Time of Update: 2018-12-04
每寫css時也會停頓下,組織下順序怎麼寫,沒有仔細分析過,時間長了就形成預設的習慣了,純粹為了好尋找改寫方便,大概是這樣:position: ;margin: ;padding: ;width: ;height: ;border: ;background: ;color: ;font-size: ;z-index: ;display: ;只列了常用的一些,看了歲月如歌的《CSS中屬性的書寫順序》,覺得分析的不錯,借鑒下。 影響文檔流的屬性(比如:display, position,
Time of Update: 2018-12-04
CSS模組化不是簡單的在CSS檔案中分幾塊,或者把css拆分成幾個小css檔案。CSS模組化的目的是讓css的可複用、可移植、可替換,實現的手段有封裝、繼承、多態,對於CSS模組化的封裝、繼承、多態的瞭解詳見 淺談CSS模組化 。對於大型項目的CSS模組化很重要,做的好以後的維護就很方便。模組的代碼塊要獨立,只依賴reset和全域樣式,不依賴其它模組代碼
Time of Update: 2018-12-04
一、 善用css縮寫規則 /*注意上、右、下、左的書寫順序*/ 1. 關於邊距(4邊): 1px 2px 3px 4px (上、右、下、左) 1px 2px 3px (省略的左等於右) 1px 2px (省略的上等於下) 1px (四邊都相同) 2. 簡化所有: */ body{margin:0}------------表示網頁內所有元素的margin為0 #menu{
Time of Update: 2018-12-04
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"/><title>登陸框</title></head><style>*{margin:0;padding:0;}.login{width:334px;height:220px;margin:0
Time of Update: 2018-12-04
線上服務的主要頁面在IE6下竟然不能顯示CSS,這是一個重大故障。於是查原因,先用httpwatch查看頁面引用的CSS,可以正確下載,但是在頁面中卻沒有起作用。搜尋尋找到IE6有這樣一個BUG,在使用可壓縮方式輸出並且不使用緩衝的情況下,CSS不能被解釋,包括JS。查看我們輸出CSS的伺服器輸出頭域,確實是你不用壓縮方式輸出,並且頭域中確實輸出了cache-control:no-store的選項。無疑觸發了IE6的這個BUG。 但是有些節點的伺服器是同一套發程式發布的,頭域中同樣存在上面兩個
Time of Update: 2018-12-04
最近一直剛起步Web學習,需要些許練習,就把我的這個部落格當作平台來展示我的學習成果吧!Page 46第一章 1.16 練習<?xml version="1.0" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.
Time of Update: 2018-12-04
Page 68 1.建立一個link to menu的頁面,添加一個到wrox的網站的連結。<?xml version="1.0" ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en"
Time of Update: 2018-12-04
2009-04-15 15:45作者:網頁教學網出處:天極網責任編輯:盛曉瑩 一般在網頁中引用外部CSS有兩種方式,即:@import與link。常有人說要使用link來引入CSS更好,本文就簡單講解一下其中的區別。 link:link就是把外部CSS與網頁串連起來,具體形式 @import:import文字上與link的區別就是它可以把在一個CSS檔案中引入其它幾個CSS檔案,具體形式 為什麼使用@import
Time of Update: 2018-12-04
什麼是瀏覽器HACK:當我們使用不同的瀏覽器(Firefox,IE7, IE6, IE 8, Safari, Opera, chrome)訪問同一個網站,或者頁面的時候,會出現一些不相容的問題,有的顯示出來正常,有的顯示出來不正常,我們在編寫CSS的時候會很惱火,剛修複了這個瀏覽器的問題,結果另外一個瀏覽器卻出了新問題。而HACK就是一種辦法,能讓你在一個CSS裡面獨立的寫支援不同瀏覽器的樣式。這下就和諧了。呵呵!第一個HACK,IE FF 所有瀏覽器 公用(其實也不算是HACK)height:
Time of Update: 2018-12-04
文章目錄 Dust-Me selectorsPage SpeedCSS Redundancy CheckerIntelliJ IDEAExpression Web結語
Time of Update: 2018-12-04
見好就收^^轉自:http://www.cnblogs.com/rubylouvre/archive/2009/09/04/1559557.html一個很顯淺的寓言,千年老樹,電打雷劈,屹立不倒,卻毀於螻蟻的侵襲之下。自以為精通CSS的人,常常被一些小問題搞到頭暈腦脹。通常是一個很小的數值,經過層層放大歪曲後,整個布局就走形了。CSS是一門很簡單的語言,易學易用,但也最容易出垃圾代碼。這是沒有深入研究這門語言所致。本人認為,CSS是由以下三大塊構成的:預設值,繼承系統與加權系統。預設值,也就是瀏
Time of Update: 2018-12-04
2009-09-07 08:11作者:佚名來源:網頁教學網 【簡 介】要想更好的理解 css, 尤其是 IE 下對 css 的渲染,haslayout 是一個非常有必要徹底弄清除的概念。大多IE下的顯示錯誤,就是源於 haslayout。 文曲星視頻器1080隨心更換彩殼本本JVC圓您攝像夢想森海塞爾僅150 要想更好的理解 css, 尤其是 IE 下對 css 的渲染,haslayout
Time of Update: 2018-12-04
使用float和clear可以方面的實現多列,並且div高度不用自己定義,會隨著內容自動變化。1. position:static所有元素的預設定位都是:position:static,這意味著元素沒有被定位,而且在文檔中出現在它應該在的位置。一般來說,不用指定 position:static,除非想要覆蓋之前設定的定位。#div-1 { position:static;}2. position:relative如果設定 position:relative,就可以使用
Time of Update: 2018-12-04
Designing effective web forms isn’t easy, as we need to figure out more practical styling and functionality techniques to provide a great user experience. Recently there have been a number of noteworthy techniques such as styling different form
Time of Update: 2018-12-04
在 flex builder 中,用右鍵點擊css 檔案,然後選擇“compile css to swf”然後,代碼如下咯~~~<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="StyleManager.loadStyleDeclarations(
Time of Update: 2018-12-04
這兩天開始對網誌進行大刀闊斧的頁面更改.今天碰到個很棘手的問題,div本身沒有定義自己置中的屬性,網上很多的方法都是介紹用上級的text-align: center然後嵌套一層div來解決問題.可是事實上這樣的方法科學嗎?經過網路搜尋和親自實驗得出以下結論:正確的也是對頁面構造沒有影響的設定如下:對需要水平置中的div層添加以下屬性:margin-left: auto;margin-right: auto;經過這麼一番設定問題似乎解決了,在ff中已經置中了,可是在ie中看竟然還是沒有置中!鬱悶了