按钮圆角设置、html基础css引入

来源：互联网发布：远程桌面端口号是多少编辑：程序博客网时间：2024/06/05 03:01

1、按钮圆角设置

.button{

display: inline-block;
position: relative;
margin: 10px;
text-decoration: none;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 7px;

}

2、基础css引入（基础样式真的特别重要，如果基础文件设置出现问题，很容易出现样式设置不显示或者变形，所以必须首先引入一个基础设置文件）

/***导入基础文件**/
@charset "utf-8";
/* reset */
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,figcaption,figure,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
html{font:normal 62.5%/1 "microsoft yahei",'HelveticaNeue',sans-serif;color:rgba(0,0,0,1);-ms-text-size-adjust: none;-webkit-text-size-adjust:none;height:100%;}
body{height:100%;}
a{background-color:transparent;text-decoration:none;}
h1,h2,h3,h4,h5,h6,th,em{font-weight:normal;font-style:normal;}
ul,ol{list-style-type:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
video,audio,canvas{display:inline-block;}
[hidden],template{display:none;}
a:focus{outline:thin dotted;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b,strong{font-weight:bold;}
dfn{font-style:italic;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
mark{background-color:rgba(255,255,0,1);color:rgba(0,0,0,1);}
img{border:0;vertical-align:middle;}
fieldset{border:1px solid rgba(192,192,192,1);margin:0 0.2rem;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
input,select,textarea,button{outline:none;border:none;font-family:inherit; font-size:0.28rem;}
button,input{line-height:normal;border:none;}
input[type="text"],input[type="password"]{autocapitalize="off";}
button,select{text-transform:none;}
button,input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
/*input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}*/
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
textarea{overflow:auto;vertical-align:top;}
/*table{border-collapse:collapse;border-spacing:0;}*/
/*select{-webkit-appearance:none;-o-appearance:none;-moz-appearance:none;-ms-appearance:none;-webkit-tap-highlight-color:transparent;}
*/

1 0