위의 소스에서 .w3-btn,.w3-button .w3-btn 과 w3-button 사이에 ,(콤마)가 있는데 여기에서 ,(콤마)는 무슨 역할을 하나요? 

두 군데 class에 동일한 값을 적용한다는 의미입니다.
원래대로라면 이렇게 따로따로 사용하는데 같은 값이면 콤마로 묶어버리면 되죠.

.w3-btn{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}