해나아부지 개발일지

MDN 박스 모델 CSS에 포함되는 모든 요소의 외장은 박스이며, 이 박스를 이해하는 것은 CSS을 통해 레이아웃을 생성하거나, 아이템과 다른 아이템을 정렬하는 것을 가능하게 하는 열쇠입니다. CSS에는 크게 두 가지 박스 (블록 박스와 인라인 박스) 유형이 있습니다. 이러한 특성은 박스가 페이지 대열 측면 및 페이지의 다른 박스와 관련하여 박스의 작동 방식을 나타냅니다. 'Box Model'과 'Block' 개념을 제대로 인지하고 있지 않으면 혼동이 있을 수 있다. 'Block' 요소는 'Box Model'의 한 유형이다. 모든 HTML 요소는 박스(box) 모양으로 구성되며, 이것을 박스 모델(box model)이라고 부른다. CSS box model의 특징 box 모델이란 말에 느낌대로 기본적으로 ..

반드시 기억해야하는 css 선택자 30가지! 너무 많아서... 하루에 몇개씩 정리해 봅시다. 1. * (all) 전체 선택자 특정 태그에 하위 태그로도 사용 가능 #container * (id container 태그 하위에 모두 적용) 테스트 용도로는 괜찮, 많이 사용하면 과부하 걸림 * { margin: 0; padding: 0; } 2. #id 선택자(단일) #container { margin: 0; padding: 0; } 3. .class 선택자(다중) .container { margin: 0; padding: 0; } 출처 링크타고 ㄱ ㄱ

속성 값 뒤에 !important 를 붙인 속성 HTML에서 style을 직접 지정한 속성 #id 로 지정한 속성 .class, :추상클래스 로 지정한 속성 태그이름 으로 지정한 속성 상위 객체에 의해 상속된 속성 My text 1 My text 2 // 2번째 우선순위 My text 3 // 5번째 우선순위 div { color: red; } 출처 css 적용 우선순위 - ofcourse