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'));
相关文章推荐
- 关于CSS常用用法(持续更新)
- Gulp折腾记 - (5)常用任务构建的demo[三次改进版]
- CSS 相关知识总结
- jsp页面中插入css样式的三种方法总结
- 第 29 章 CSS3 弹性伸缩布局[下]
- 第 29 章 CSS3 弹性伸缩布局[中]
- CSS3学习笔记
- 第 29 章 CSS3 弹性伸缩布局[上]
- 超详细servlet+jdbc+html+css实现后台管理登陆
- 第 28 章 CSS3 多列布局
- 第 27 章 CSS 传统布局[下]
- [django]django后台css样式丢失
- 第 27 章 CSS 传统布局[上]
- 第 26 章 CSS3 动画效果
- 第 25 章 CSS3 过渡效果
- 第 24 章 CSS3 变形效果[下]
- 第 23 章 CSS3 边框图片效果
- css3 实现3D导航栏
- 第 22 章 CSS3 渐变效果
- CSS3组件化之ios版菊花loading