css样式+属性兼容
2016-01-04 10:29
543 查看
1. img中align的AbsBottom 、AbsMiddle 、Baseline 、Bottom 、Left 、Middle属性介绍
AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐。
AbsMiddle 图像的中间与同一行中最大元素的中间对齐。
Baseline 图像的下边缘与第一行文本的下边缘对齐。
Bottom 图像的下边缘与第一行文本的下边缘对齐。
Left 图像沿网页的左边缘对齐,文字在图像右边换行。
Middle 图像的中间与第一行文本的下边缘对齐。
NotSet 未设定对齐方式。
Right 图像沿网页的右边缘对齐,文字在图像左边换行。
TextTop 图像的上边缘与同一行上最高文本的上边缘对齐。
Top 图像的上边缘与同一行上最高元素的上边缘对齐
2.描边问题
如果加border不想让标签增加宽度,使用box-sizing:border-box;
3.渐变色
background-image: linear-gradient(to left,blue,yellow,red,green);
4.字数超过一行的用省略号代替
a{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
width:200px;
}
5.手机端网站不能放大或者缩小的代码
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6.CSS3去除手机浏览器按钮点击出现的高亮框
在工作中经常遇到在手机浏览器中浏览网页时,点击页面中的按钮或者是具备点击事件的元素,就会出现一个默认的高亮框,影响整体的感官体验。可以用一个简单的css3属性来解决:tap-highlight-color,最好加上webkit浏览器前缀。
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some androids,个人感觉是低版本的安卓,4.0以下 */
如果你的一大div中包含了很多小的同类的小div,点击这些小的div要触发事件,你利用事件委托只给外层大的div绑定了点击事件(这样就只要绑定一次就够啦),那这个属性就会用上,当你点击某个小div时就不会出现整个大div被选中的感觉。
AbsBottom 图像的下边缘与同一行中最大元素的下边缘对齐。
AbsMiddle 图像的中间与同一行中最大元素的中间对齐。
Baseline 图像的下边缘与第一行文本的下边缘对齐。
Bottom 图像的下边缘与第一行文本的下边缘对齐。
Left 图像沿网页的左边缘对齐,文字在图像右边换行。
Middle 图像的中间与第一行文本的下边缘对齐。
NotSet 未设定对齐方式。
Right 图像沿网页的右边缘对齐,文字在图像左边换行。
TextTop 图像的上边缘与同一行上最高文本的上边缘对齐。
Top 图像的上边缘与同一行上最高元素的上边缘对齐
2.描边问题
如果加border不想让标签增加宽度,使用box-sizing:border-box;
3.渐变色
background-image: linear-gradient(to left,blue,yellow,red,green);
4.字数超过一行的用省略号代替
a{
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
width:200px;
}
5.手机端网站不能放大或者缩小的代码
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
6.CSS3去除手机浏览器按钮点击出现的高亮框
在工作中经常遇到在手机浏览器中浏览网页时,点击页面中的按钮或者是具备点击事件的元素,就会出现一个默认的高亮框,影响整体的感官体验。可以用一个简单的css3属性来解决:tap-highlight-color,最好加上webkit浏览器前缀。
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some androids,个人感觉是低版本的安卓,4.0以下 */
如果你的一大div中包含了很多小的同类的小div,点击这些小的div要触发事件,你利用事件委托只给外层大的div绑定了点击事件(这样就只要绑定一次就够啦),那这个属性就会用上,当你点击某个小div时就不会出现整个大div被选中的感觉。
相关文章推荐
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 设计更快的网页(三):字体和 CSS 调整
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- css布局网页水平居中常用方法
- CSS经典技巧十则第1/2页
- css 兼容性问题this.style.cursor=''hand''
- IE6不能正常解析CSS文件问题的解决方法及原因分析
- 欲练CSS ,必先解决IE的一些细节分析
- CSS文字截取功能实现代码
- 支持IE6 IE7 Firefox 的纯CSS的下拉菜单
- 不同版本IE使用不同css(css条件注释语句用法)
- css类选择器的使用方法详解
- css文本框与按钮美化效果代码
- 解决ie动态修改link样式,import css不刷新的问题