您的位置:首页 > Web前端 > CSS

css样式学习记录

2016-05-01 18:53 417 查看
去除纵向分隔线 <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'));
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: