css -table
목록을 표현했을 때 항상 or 과 의 조합이 필요했듯이, 테이블을 표현하기 위해 여러 태그들의 조합이 필요합니다. , , , , , 등이 있습니다. 테이블은 항상 태그로 감싸져있습니다. 태그 내에 행도 만들고, 열도 만들게 되는 것입니다. 한 행을 시작할 때는 로 시작합니다. tr은 table row의 줄임말입니다. 각각의 셀은 태그 내에 태그를 사용합니다. td는 table data의 줄임말입니다. 이번에는 대신 태그를 사용했습니다. table heading의 줄임말입니다. th태그를 사용했더니 가운데정렬이 되고, 글씨 두께가 두꺼워졌습니다. 물론 td태그를 그대로 사용하고, css로 같은 효과를 낼 수도 있습니다. 나 태그에 colspan, rowspan이라는 attribute를 추가해서 구현할 수 ..
CSS Magin과 padding
주황색은 margin 영역, 위, 오른쪽, 아래, 왼쪽에 모두 50px 노란색은 border 영역, 보더의 두께는 5px이다. 초록색은 padding 영역, 위, 오른쪽, 아래, 왼쪽에 모두 50px 요소의 가로는 273px, 세로는 90px boder 테두리가 그려지면 padding이 border내에 생기는 영역입니다. ***위의 그림에서 273px이라는 가로 값은 padding영역이 합쳐진 가로 길이입니다.*** margin은 border 외부에 생기는 여백입니다. 두 번째 사진처럼 margin까지(주황색) 합쳐진 가로길이는 총 373px입니다. 273 + 50(왼쪽margin) + 50(오른margin) = 373 순수 내용(파란색영역)은 padding과 border를 제외한 길이인데 계산해보면 1..
