HTML 파일의 여백 없애기

Body의 margin, padding에 대한 설정.

아무런 설정도 하지 않은 HTML 파일에서는 기본적으로 사방에 여백이 생긴다.

html_body
(하늘색 네모 영역)

예전 혹은 기존의 markup에서는, HTML 파일의 body에 다음과 같은 태그를 적어주는 방법을 많이 사용해왔다.

지금도 저렇게 쓰고 있는 곳들이 꽤 많다.
똑똑하고 예쁘게 코딩하려면 다음과 같이 바꾸어 주면 된다.

head안의 style 부분에 적어주거나, 사용하는 CSS파일에 적어준다.
ex)

혹시 배경색을 이런식으로 HTML파일 안에서 지정하고 있었다면,

여백 설정과 배경색 설정을 함께 예쁘게 쓰려면, 위의 두가지를 합쳐서 적으면 된다.

덧붙여서,
여기서의 색상값 #F30#FF3300과 같은 의미 이다.
두 개씩 잘라서 합쳐줄 수 있다.

ex)
#FF3300 -> #F(F)3(3)0(0)
#FFFFFF -> #FFF

#FF1493 – 이것은 앞의 두개가 중복된다고 해도 그 뒤의 4개가 각각 다른 숫자이기 때문에 줄여서 쓸 수 없다.

(+)
당연히 사용해온 사소한 것들에 대해 조금씩 적어 보기로 했다.
가끔씩 너무 당연하거나 간단한 글이 올라와도 황당해 하지 말고 그냥 읽도록 하자. =.=)~

# #

목록으로Web Tech