버튼의 모양을 바꾸고 싶은데, 어떻게 html이 css를 참조할 수 있도록 하는지 모르겠어요 ㅠㅠ

개발자 모드로 보면

http://kimbapp.com/modules/member/skins/default/css/member.css?20160324083733
이 파일의

.xm input[type="file"], .xm input[type="image"], .xm input[type="submit"], .xm input[type="reset"], .xm input[type="button"], .xm input[type="radio"], .xm input[type="checkbox"] {
width: auto;
}
요런 부분이 있는데...
요거 아래줄에 다음과 같은 내용을 추가하는데요.

.xm input[type="submit"] {
요 위치에 에 위에 빨강 동그라미 친 부분을 복사해서 넣으세요.
}

붙이려는 버튼이 input타입이라면 상위 요소를 팔아서 적용하시면 됩니다.
<div class="babo">
<input type="text" name="id">
<input type="password" name="pw">
<input type="submit">
<div class="btn_cancel"></div>
</div>
이렇다면 레이아웃이나 로그인 스킨같은곳에 첨부된 css 파일에다가 이렇게 추가하면 되죠
.babo input[type=submit] {속성} <-보시면 인풋요소는 텍스트입력, 비밀번호 입력등 여러가지가 있지만 서밋형 버튼만 이 스타일이 들어가게끔 해주는 겁니다.

그냥 .babo input 이라고 하면 제 예제소스에선 아이디 비밀번호 버튼이 모두 같은색으로 칠해져버릴겁니다 ㅋㅋㅋ
혹은 버튼이 여러개하면 저기 btn_cancel처럼 클래스를 정의해서 입혀주셔도 됩니다

.babo .btn_cancel {속성}

요소에 css를 입히는 기본기에 도움이 되었으면 좋겠네요~