페이지를 만들 때 팁

0. 영역 리셋

* {
  margin:0 ;   /* 마진 리셋 */
  padding:0  ;   /* 패딩 리셋 , auto를 넣으면 각 영역의 중앙에 배치가 되버린다.*/ 
  box-sizing: border-box;   /* 박스 영역은 테두리까지 */ 
}

 

1.중앙배치

너비값이 있어야지 중앙정렬이 된다.

 

#container {
  margin:0 auto;  /* 화면 중앙에 배치 */
  width:1200px;    /* 너비 */
}

 

2. a 태그 밑줄 없애기

a {
  text-decoration:none; 

 /* 텍스트 링크 밑줄 없애기 

    안하면 한번 클릭할 시 밑줄이 생긴다.

*/ 
}

 

3. ul 리스트 표시 없애기

ul은 보통 nav 에 많이 쓰인다.

 

ul {
  list-style: none;
}