background:url(../images/dian.png) no-repeat; no-repeat (可以設置圖片不重複)
背景圖片的css代碼,用得最多的是left top no-repeat repeat-x repeat-y設置平鋪座標(經常用的代碼是background-position:left top;background-repeat:no-repeat;)。
background-position可以設置left top的數值、百分比,用兩個center就可以使背景圖片居中(background-position:center center;)。
white-space 屬性 任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
值
normal 默認。空白會被瀏覽器忽略。
pre 空白會被瀏覽器保留。其行爲方式類似 HTML 中的 <pre> 標籤。
nowrap 文本不會換行,文本會在在同一行上繼續,直到遇到 <br> 標籤爲止。
pre-wrap 保留空白符序列,但是正常地進行換行。
pre-line 合併空白符序列,但是保留換行符。
inherit 規定應該從父元素繼承 white-space 屬性的值。
display:inline; 解決IE6和火狐的漂浮邊距的兼容!
clear:both; 清除浮動
text-decoration: none; 去掉A標籤的下劃線
text-align:center;/*讓文本居中*/
text-decoration:none; /*去掉下劃線*/
.nav ul li a:hover{ /*這個大概的意思就是當鼠標放到這個a元素的上面時,這個a元素的樣式就按下面的代碼執行*/
line-height:28px;/*設置行距爲28px,讓文字在每行的中間位置*/
//兼容
* html .mblc_2_2{ margin-left:-58px;}/*ie6*/ mblc_2_2爲div中class名稱
*+html .mblc_2_1{ margin-left:-40px;}/*ie7*/ mblc_2_1爲div中class名稱
font-weight 屬性設置文本的粗細。
position:absolute 固定位置 絕對定位
line-height 屬性設置行間的距離(行高)。
25.overflow:hidden; 超出div部分被切掉
IE瀏覽器兼容代碼
<!--[if lte IE 8 ]>
<script type="text/javascript" src="js/unitpngfix.js"></script>
<![endif]-->
<!--[if lte IE 7 ]>
<script type="text/javascript" src="js/unitpngfix.js"></script>
<![endif]-->
<!--[if lte IE 6 ]>
<style type="text/css">
body { behavior:url("css/csshover.htc"); }
</style>
<script type="text/javascript" src="js/unitpngfix.js"></script>
<![endif]-->
新浪微博分享代碼
<script type="text/javascript" charset="utf-8">
(function(){
var _w = 90 , _h = 24;
var param = {
url:location,
type:'2',
count:'1', /**是否顯示分享數,1顯示(可選)*/
appkey:'', /**您申請的應用appkey,顯示分享來源(可選)*/
title:'開元財富', /**分享的文字內容(可選,默認爲所在頁面的title)*/
pic:'', /**分享圖片的路徑(可選)*/
ralateUid:'', /**關聯用戶的UID,分享微博會@該用戶(可選)*/
language:'zh_cn', /**設置語言,zh_cn|zh_tw(可選)*/
rnd:new Date().valueOf()
}
var temp = [];
for( var p in param ){
temp.push(p + '=' + encodeURIComponent( param[p] || '' ) )
}
document.write('<iframe allowTransparency="true" frameborder="0" scrolling="no" src="http://hits.sinajs.cn/A1/weiboshare.html?' + temp.join('&') + '" width="'+ _w+'" height="'+_h+'"></iframe>')
})()
</script>
一般的文字截斷(適用於內聯與塊):
==============CSS================
.text-overflow{
display:block;/*內聯對象需加*/
width:31em;
word-break:keep-all;/* 不換行 */
white-space:nowrap;/* 不換行 */
overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */
text-overflow:ellipsis;/* 當對象內文本溢出時顯示省略標記(...) ;需與overflow:hidden;一起使用。*/
}