reset.css

@charset "UTF-8";
/*重置样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td { margin:0; padding:0; }
html,body {font-size: 14px; color: #333; font-family: "Arial", "Microsoft YaHei", "\5b8b\4f53", sans-serif; min-width: 1200px;border:0;outline:0;vertical-align:baseline; background:transparent; } 
table{ border-collapse:collapse; border-spacing:0; } 
ul,ol,li{list-style: none;}
img { border:0; } 
ol,ul ,dl{  list-style:none; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; color: #333;  font-weight:normal; }
a{ text-decoration: none; color: #333;  padding:0;border:0;font-size:14px;vertical-align:baseline;background:transparent; }
input[type="search"]::-webkit-search-cancel-button{display: none;}
input ,img{    vertical-align: middle;} 
input,button,textarea,select {outline: none; font-family: '微软雅黑'; font-size: 14px; vertical-align:middle; }
textarea{resize: none;}

网站常用效果

  1. 图片鼠标经过缓慢扩大

    img{width:100%;display: block;transition: all 0.5s;}
    img:hover{transform: scale(1.04);}

标签: none

添加新评论