[CSS] 편리한 표준코딩을 위한 box-sizing 속성
좀 뜬금 없지만 그때 그때 생각나는 팁이 있으면 올리기로 했다. 웹디자인을 업으로 한지는 오래되지 않았지만box-sizing 속성을 알기 전까진 레이아웃을 만질 때마다 늘 픽셀과의 전쟁이었다. HTML 스타일을 다룰때 초심자라면 경험해 봤을 법한 일이다.사이트 가로는 1000px인데 1px 테두리를 넣기 위해 개체폭을 998px로 지정하고 보더를 좌우 1px씩 넣는 처절함...박스 안에 글씨를 넣었는데 여백때문에 padding을 10px 넣었더니 박스가 20px 늘어나서 박스를 20px 줄인 기억... 이는 이미 부트스트랩 등의 CSS 프레임워크에서 사용하는 선진기법이라 할 수 있다.html 상단, 혹은 CSS 파일 상단에 이처럼 선언해버리면 박스개체들의 width값만 정해서 심플하게 레이아웃을 짜맞출 ..
웹디자인/코딩
2017. 2. 20. 16:04