首页 > 代码库 > div+css笔记

div+css笔记

2024-07-28 11:36:23   234人阅读

  1. background:url(../images/dian.png) no-repeat; no-repeat (可以设置图片不重复)

  2. 背景图片的css代码，用得最多的是left top no-repeat repeat-x repeat-y设置平铺坐标（经常用的代码是background-position:left top;background-repeat:no-repeat;）。

  3. background-position可以设置left top的数值、百分比，用两个center就可以使背景图片居中(background-position:center center;)。

  4. white-space 属性 任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"。

  5. 值

  6. normal 默认。空白会被浏览器忽略。

  7. pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。

  8. nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。

  9. pre-wrap 保留空白符序列，但是正常地进行换行。

  10. pre-line 合并空白符序列，但是保留换行符。

  11. inherit 规定应该从父元素继承 white-space 属性的值。

  12. display:inline; 解决IE6和火狐的漂浮边距的兼容！

  13. clear:both; 清除浮动

  14. text-decoration: none; 去掉A标签的下划线

  15. text-align:center;/*让文本居中*/

  16. text-decoration:none; /*去掉下划线*/

  17. .nav ul li a:hover{ /*这个大概的意思就是当鼠标放到这个a元素的上面时，这个a元素的样式就按下面的代码执行*/

  18. line-height:28px;/*设置行距为28px，让文字在每行的中间位置*/

  19. //兼容

  20. * html .mblc_2_2{ margin-left:-58px;}/*ie6*/ mblc_2_2为div中class名称

  21. *+html .mblc_2_1{ margin-left:-40px;}/*ie7*/ mblc_2_1为div中class名称

  22. font-weight 属性设置文本的粗细。

  23. position:absolute 固定位置 绝对定位

  24. line-height 属性设置行间的距离（行高）。

 

     25.overflow:hidden; 超出div部分被切掉

 

IE浏览器兼容代码

<!--[if lte IE 8 ]>

<script type="text/javascript" src="http://www.mamicode.com/js/unitpngfix.js"></script>

<![endif]-->

 

<!--[if lte IE 7 ]>

<script type="text/javascript" src="http://www.mamicode.com/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="http://www.mamicode.com/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;一起使用。*/

}


本文出自 “彳亍的路人” 博客，转载请与作者联系！

div+css笔记


联系
我们