CSS

목차 1. HTML 파일에 CSS 연결하는 방법이 3가지 인데, 동시에 연결하면 CSS 우선순위는 어떻게 될까? 2. 우선순위로 결정 이유가 있을까? CSS 적용 우선순위 1위 (가장 강력함) Inline Style (인라인 스타일) > HTML 요소에 style 속

로고 컴포넌트 만들 때 <img> 또는 <svg> 태그 밖에 특정 링크로 이동이 가능한 <anchor> 태그를 감싸주게 된다. 이 때 <anchor> 태그 class="logo”에 display: block; 를 주는 이유는 무엇일까? 반응형 디지

컴포넌트로 쪼개서 만드는 조건 : 재사용 가능성해당 패턴이 두 번 이상 반복시스템에서 많이 사용독립적 특성즉, ⚠️ 해당 UI가 어떤 기능을 하고 있는지 고민과 설계의 시간이 깊어져야 한다. 두 가지 패턴으로 바라본다. .text-link 색상 지정<anchor>

12-grid-layout.css displaly: grid; 는 flex처럼 border를 줄 수 있다. grid: item 이 되어서 필요하다면 순서 변경도 가능하다. 코멘트 : grid: item;은 border 속성을 활용하여 배치의 순서를 변경할 수 있다.

named_grid_lines mdn위 내용을 개선해 볼 것이다. named grid lines 1번, 2번, 3번 번호를 붙이지 않고 이제는 이름을 사용해볼 것이다. 1fr 1fr 1fr 하지말고 이름을 불러주자1번 1fr : main-start 2번 1fr cont