Reset.css와 Normalize.css브라우저마다 각자의 HTML 요소 기본 스타일이 있습니다. 이로 인해 CSS 스타일링을 적용할 때 브라우저마다 다르게 적용되어 보이는 경우가 생기곤 합니다. 이 문제를 해결하기 위한 CSS 스타일 조정 기법들이 바로 Reset, Normalize 입니다.Reset.css모든 브라우저의 내장 스타일을 없애는 기법입니다. 모두 초기화시키고 다시 각자 필요한 방식으로 설정해서 사용합니다. 그만큼 자유로운 스타일링 적용이 가능하지만 많은 CSS 규칙을 새로 덮어써야 하기 때문에 성능에 영향이 있을 수 있습니다.Normalize.css모든 브라우저의 스타일을 동일하게 만드는 기법입니다. 기존의 스타일은 유지하고 대신 브라우저마다 차이를 보이는 스타일 차이를 보정해서 일관..
CSS
CSS 작성에는 다양한 방법론이 있습니다. 각자의 규칙으로 코드의 가독성, 재사용성, 확장성 등을 확장시킵니다. 여러 CSS 방법론들 중 대표적인 몇 가지 방법론을 소개해보겠습니다.SMACSS(Scalable and Modular Architecture for CSS)특징 : 사이트 구조를 모듈로 분리해 재사용 가능하고 확장 가능한 CSS 아키텍처를 구축하는 방법론입니다. 범주화(categorization)가 특징으로, 스타일을 5개의 유형으로 분류하여 각 유형에 맞는 선택자와 네이밍 컨벤션을 제시합니다.기초(Base)웹사이트 전반에서 쓰이는 모든 요소의 기본 값스타일 시트가 모든 브라우저에서 일관되도록 합니다.레이아웃(Layout)페이지를 주요 섹션들로 나누고 페이지에 요소를 적절하게 배치해 구조를 만..
주로 CSS의 태그는 ` and JS ``s just before ``? | Fr" data-og-description="In a nutshell, such a placement of CSS s and JavaScript s allows for faster rendering of the page and better overall performance. Putting s in is part of the proper specification in building an optimized website. When a page first loads, HTML and CSS are b" data-og-host="www.greatfrontend.com" data-og-source-url="https://www.gr..
