[CSS] ホームページ作成で必ず書き込むテンプレート

ホームページで必要不可欠なcssで、毎回必ず書き込む内容があります。以前に書いたファイルを探してコピペするのがめんどくさくなってきたので、自分用にコピペテンプレートをブログに掲載しておきます。

テンプレート

html,body{
  width               : 100%;
  height              : 100%;
  padding             : 0;
  margin              : 0;
  border              : 0;
  outline             : 0;
  scroll-behavior     : smooth;
}
  
body{
  border              : 1px solid transparent;
}

*, *:before, *:after {
  -webkit-box-sizing  : border-box;
     -moz-box-sizing  : border-box;
       -o-box-sizing  : border-box;
      -ms-box-sizing  : border-box;
          box-sizing  : border-box;
}
  
table{
  border-collapse:collapse;
}

.no-select{
  -webkit-user-select : none;
     -moz-user-select : none;
      -ms-user-select : none;
          user-select : none;
}

ul,ol,li{
  list-style          : none;
  margin              : 0;
  padding             : 0;
}

.hidden{
  display             : none!important;
}

button{
  background          : none;
	border              : none;
	outline             : none;
	-webkit-appearance  : none;
	   -moz-appearance  : none;
	        appearance  : none;
}

.flex{
  display             : flex;
}

input[type='text'],
input[type='number']{
  outline            : 0;
}

.right{
  text-align         : right;
}