기본 서식 스타일 font-size: 텍스트의 크기를 지정하는 속성 value: px em pt % rem font-weight: 글꼴 두께를 지정하는 특성 100-900 bold bolder lighter normal (400=normal, 700-bold) line-height: 줄 간격을 지정하는 특성 value: px(22px이 보통 사이즈) em(제일 많이 씀, 1.6em이 보통) pt % rem font-family: 글꼴을 지정하는 속성 value: 'font name' font-style: 문자 스타일(기울림체) value: normal italic(기울림) oblique color: 글꼴 색을 지정하는 특성 value: color name #000000 rgb(0,0,0) rgba(0,0..
BEM이란? BEM은 "Block, Element, Modifier"의 약자로 CSS를 작성하는 방법론 중 하나입니다. 이 표기법은 Yandex에서 개발되었으며, 웹 사이트의 스타일을 더 쉽게 유지하고자 하는 웹 개발자들 사이에서 널리 사용되고 있습니다. BEM 방법론에 따르면 CSS 클래스는 다음 세 가지 유형으로 나눌 수 있습니다. Block: 독립적으로 의미를 가지는 구성 요소로, HTML에서 재사용 가능한 독립적인 엔티티를 나타냅니다. 예를 들어, 헤더, 컨테이너, 메뉴, 체크박스 등이 이에 해당합니다. Element: 블록 내부의 구성 요소로, 자체적으로는 의미를 가지지 않지만 블록의 일부로서 의미를 가집니다. 예를 들어, 메뉴 항목, 헤더 제목, 체크박스 레이블 등이 이에 해당합니다. Modi..
크롬, 엣지, 오페라에선 user-drag 앞에 -webkit-을 붙여줘야 작동한다. 사파리는 안붙여도 user-drag 지원. -webkit-user-drag: none; 웹 페이지에서 사용자가 이미지 드래그 하는 것을 방지할 수 있다
