前端小知识点总结

关于表单:

 placeholder input默认样式修改:

input::-webkit-input-placeholder { /* WebKit browsers */

font-size:14px;

}

input::-moz-placeholder { /* Mozilla Firefox 4 to 18 */

font-size:14px;

}

input::-moz-placeholder { /* Mozilla Firefox 19+ */

font-size:14px;

}

input::-ms-input-placeholder { /* Internet Explorer 10+ */

font-size:14px;

}

图片不变形的写法

.img4{width: 100%;height: 90px;}

.img4 img{

  max-width: 100%;

  max-height: 100%;

}

图片按钮的写法

/* 移动端定义字体的代码 */

body{font-family:Helvetica;}

display:flex 水平居中

通过display:flex实现CSS水平居中的原理是父元素display:flex;flex-direction:column;而子元素align-

self:center;

这个跟CSS垂直居中的原理是一样的，只是在flex-direction上有所差别，一个是row(默认值)，另外一个是column

。

小程序整个不能超过2M 上传的图 不需要的都删掉 限制下图片兆数

1k=1024B 1MB=1024k