목록인라인 스타일 (1)

금백조의 개발 블로그

[CSS]이슈사항으로 알아보는 CSS 적용법 3가지(인라인 스타일/내부 스타일 시트/외부 스타일 시트)

서론 현업에서 개발 도중 웹 화면에 표시되는 문서를 보존하기 위해 문서의 HTML, CSS 자체를 DB에 저장하는 로직이 있었습니다. 그런데 적용된 CSS가 인라인 스타일(Inline Style) 방식으로 되어있어서 코드량이 많아 짤려서 Database에 저장되는 이슈를 테스트 때 발견했습니다. 컬럼의 MAX 길이를 조정하거나 외부 스타일 시트로 적용할 수 없는 상황이었으므로 HTML, CSS 코드량을 최소화하기 위해 내부 스타일 시트 방식으로 CSS를 개선했습니다. 이 개선 과정에서 정리하게 된 CSS 스타일 적용방법 3가지를 예제를 통해 소개해보겠습니다. 본론 만약 아래와 같이 품목, 품목명, 수량을 보여주는 HTML 문서를 만든다고 생각해봅시다. 1. 인라인 스타일(lnline Style) 인라인 ..
Web/CSS 2021. 1. 23. 18:50
이전 Prev 1 Next 다음