동캄의 코딩도장

Quest2 checklist 본문

WebDevCurriculum

Quest2 checklist

동 캄 2023. 3. 7. 10:49
  • CSS를 HTML에 적용하는 세 가지 방법은 무엇일까요?
    • 세 가지 방법 각각의 장단점은 무엇일까요? --> html 문서 내에서 작성하는 '인라인 스타일', 내부의 css 파일에서 가져오는 '내부 스타일 시트', 외부의 링크에서 css 파일을 가져오는 '외부 스타일 시트'가 있다.
  • CSS 규칙의 우선순위는 어떻게 결정될까요? --> 인라인 스타일 - 내부/외부 스타일 시트 - 브라우저 기본 스타일 순이다.
  • CSS의 박스모델은 무엇일까요? 박스가 화면에서 차지하는 크기는 어떻게 결정될까요? --> HTML 요소 박스는 다양한 속성에 의해 결정되며, 이를 ‘CSS 박스 모델(Box Model)’이라고 한다. 화면에서 차지하는 크기는 content, padding, border, margin의 영향을 받아 결정된다. 
  • float 속성은 왜 좋지 않을까요? -->  float를 이용한 레이아웃을 작성할때, 부모 요소가 자식 요소의 크기를 반영하지 못하는 문제가 발생한다.
  • Flexbox(Flexible box)와 CSS Grid의 차이와 장단점은 무엇일까요? --> Flex Box는 1차원 (행,렬)을 염두에 두고 만들어졌다. 모든 방향으로 정렬이 가능하며, 하위 item들을 정렬하기 편하다. CSS Grid는 2차원을 염두에 두고 만들어졌고, 매우 쉽게 레이아웃을 관리할 수 있다. 하지만, 모든 브라우저에서 지원하지 않는다.
  • CSS의 비슷한 요소들을 어떤 식으로 정리할 수 있을까요? --> 질문이 애매한데, 같은 속성(클래스.아이디)를 적용해서 적용하면 된다.

'WebDevCurriculum' 카테고리의 다른 글

Quest6 checklist  (0) 2023.03.09
Quest5 checklist  (0) 2023.03.09
Quest 4 checklist  (0) 2023.03.09
Quest3 checklist  (0) 2023.03.07
Quest1 checklist  (0) 2023.03.07