标签:按钮 flow ack tar 属性 htm play blog 位置
响应式布局
<meta name="viewport" content="width=device-widh,initial-scale=1"> /*** width=device-widh,:网页宽度默认等于屏幕宽度 initial-scale=1:网页的初始大小占屏幕面积的100% ***/ @media only screen and (min-width:640px){} @media only screen and (min-width:600px) and (max-width:1024px){}
在新的窗口打开网站。
target="_block"
iphone清除按钮样式
appearance: none;
-webkit-appearance: none;
背景图片模糊
filter: blur(15px);
多行文本显示省略号
overflow: hidden; text-overflow: ellipsis; 溢出显示省略号
white-space: nowrap; 文字正常显示 -webkit-line-clamp: 2; 兼容较差 -webkit-box-orient: vertical;
display: -webkit-box;
边框样式相关内容
border:0;清除边框属性
input相关内容
input框的高度可以自动使里面的内容上下居中
h5表单默认显示文字
placeholder="描述"
readOnly 只读
css高度相关
记不清在哪看到这么个话,css里能设置max-height,max-width就不要设置height,width css里高度设置无效,可能是它设置了最大高度
css文本相关
text-decoration: underline; 设置文字下划线
css定位相关
定位里保持文档宽度,可以设置width=100%或者max-width,一些情况下不用设置left或者right的值
针对IE写不同样式
background-color:#f00;/*all*/ background-color:#0ff\0;/* ie 8/9 */ background-color:#0f0\9\0;/* ie9 */ *background-color:#00f;/*ie7*/ _background-color:#ff0;/*ie6*/ background-color//:#090;/*非IE*/ background-color:#900\9;/*所有ie*/
css3部分
/*控制旋转,360度回到初始位置,1-360度顺时针旋转*/ transform:rotate(20deg); -ms-transform:rotate(20deg); /* IE 9 */ -moz-transform:rotate(20deg); /* Firefox */ -webkit-transform:rotate(360deg); /* Safari and Chrome */ -o-transform:rotate(20deg); /* Opera */
标签:按钮 flow ack tar 属性 htm play blog 位置
原文地址:http://www.cnblogs.com/Grace-zyy/p/6972819.html