css样式学习记录

去除纵向分隔线 <table rules=cols> 
去除横向分隔线 <table rules=rows> 
去除纵向分隔线和横向分隔线 <table rules=none>
只显示上边框 <table frame=above> 
只显示下边框 <table frame=below> 
只显示左、右边框 <table frame=vsides> 
只显示上、下边框 <table frame=hsides> 
只显示左边框 <table frame=lhs> 
只显示右边框 <table frame=rhs> 
不显示任何边框 <table frame=void>

背景图片 竖的平铺横着摆 横的平铺竖着摆

块认宽高 内联不认宽高

利用css3居中元素：
left:50%;
transform:translateX(-50%);

移动常见设备字体大小
400 / 375 * 16
17.066666666666666
414 / 375 * 16
17.664
360 / 375 * 16
15.36
320 / 375 * 16
13.653333333333334

var str = '<img title="C:\Users\Administrator\Pictures\2014113171913.jpg" alt="C:\Users\Administrator\Pictures\2014113171913.jpg" src="/upload/image/14067766625992018.Jpg"/><img title="C:\Users\Administrator\Pictures\2014113171913.jpg" alt="C:\Users\Administrator\Pictures\2014113171913.jpg" src="/upload/image/14067766625992018.Jpg"/><img title="C:\Users\Administrator\Pictures\2014113171913.jpg" alt="C:\Users\Administrator\Pictures\2014113171913.jpg" src="/upload/image/14067766625992018.Jpg"/>';
var test = /\/([^\/]*?\.jpg)"\/>/gi;
var result = [];
var img ;
while(img = test.exec(str)){
    result .push(img[1]);

 urls = [];
var content = '过儿，我西毒欧阳锋一生纵横西域，今日能与七公切磋武艺，<img src="http://iw3c.com/themes/white/style/logo.png" />共葬于这雪山之颠，也算不枉此生！死前我要将毕<img src="http://iw3c.com/themes/white/style/rss.png" />生所学尽相传授与你。';
content.replace(/<img.*?src="(.*?)"[^>]*>/ig, function(a,b) {
    urls.push(b);
});
alert(urls.join('n'));

table中的td想设置超出长度显示省略号，需先在table上加样式：
table-layout: fixed;