December 14, 2013
html, body, div, span,    
h1, h2, h3, h4, h5, h6, p, blockquote, pre,    
a, abbr, acronym, address, big, cite, code,    
img, ins, kbd, q, s, samp,    
small, strike, strong,    
dl, dt, dd, ol, ul, li,    
fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;    
    padding: 0;    
    border: 0;    
    outline: 0;    
    font-size: 100%;    
    vertical-align: baselinebaseline;    
    background: transparent;    
    }
January 15, 2013
點擊在新視窗中瀏覽此圖片

CSS3中似乎只有一個寫法是不對應所有瀏覽器的...
已下為參考寫法...

.test {
width: 300px;
height: 1.4em;
text-overflow: ellipsis; /* Safari 用 */
-o-text-overflow: ellipsis; /* Opera 用 */
overflow: hidden;
white-space: nowrap; /* 文字不折行功能。一定要寫入,否則不會出現效果 */
border: 1px solid #666666;
}
.test:hover {
text-overflow: inherit; /* Safari 用 */
-o-text-overflow: inherit; /* Opera 用 */
overflow: visible;
}


HTML BODY中寫入
<div class="test"> 如果你要呈現過長的文章,請用滑鼠確認一下喔 </div>


sample:
http://blog.apao.idv.tw/sample/CSS3/text-overflow.html

參考:
http://blog.flugel.biz/2009/07/css3-text-overflow.html
http://www.w3schools.com/cssref/pr_text_white-space.asp
September 27, 2010
點擊在新視窗中瀏覽此圖片

在瀏覽器上可以馬上改,馬上看到結果的編輯器,好像只對應Google Chrome。動畫如下,可以參考如何修改。



Stylebot Download (Chrome only)
https://chrome.google.com/extensions/detail/oiaejidbmkiecgbjeifoejpgmdaleoha
August 3, 2010
點擊在新視窗中瀏覽此圖片

Mac用過Adium的人就會發現Growl會提醒你任何Mac中要提醒你的內容,jGrowl就模仿Growl的interface期望達到提醒使用者的目的。

stanlemon.net : jgrowl

August 2, 2010
July 31, 2010
點擊在新視窗中瀏覽此圖片
由於為了網頁顯示更快速,將rollover的圖檔集中在一個圖檔時,在Link的地方,按下時會出現無限延長點線式的筐線,以下面的方式解決就可以了。
不知道的話,還真的會為了這件事情查了老半天...

解決重點︰
CSS中寫入 [outline: none; ]就可以了

寫例︰
a { outline: none; }

測試︰
Mac
Safari4 (完全不出現), Firefox3.6 (拉了link的地方還是會出現)

Win
Firefox 3.6
IE (按下時還是會出現框線,不過是正常的link的範圍)


參考︰
http://study.aruko.net/2007/11/01/13/

分頁: 5/5 第一頁 上頁 1 2 3 4 5 最後頁
[ 顯示模式: 摘要 | 清單 ]