codequick-darkmode-logo
로그인회원 가입
CSS 코스

교육 과정:

CSS 코스

6 레슨 39 온라인 코딩 질문

이 강좌에서 다룰 주제는 무엇입니까?

Css 소개

  1. CSS 기초 파트 1:

    • 스타일 정의 및 CSS에 적용하기.

    • font-size, color, text-align, margin, padding, border, background-color를 요소에 적용하는 예시들.

    • 링크 정의 및 HTML에 통합하여 CSS 스타일링 적용하기.

    • 효율적인 CSS 스타일 적용을 위한 인라인 스타일 > id > class > 태그의 계층 구조.

    • 인라인 스타일을 사용하여 요소에 직접 CSS 스타일 적용하기.

    • id를 사용하여 CSS 스타일 적용하기.

    • class를 사용하여 CSS 스타일 적용하기.

  1. CSS 기초 파트 2:

    • HTML 태그 사용하기.

    • HTML 요소 중첩하기.

    • CSS 클래스 계층 구조 이해하기.

    • hover와 그 사용법 탐구하기.

    • HTML 너비와 높이 조정하기.

  1. 페이지 레이아웃 인프라 Part 1:

    • CSS에서 클래스의 명명 규칙

    • visibility와 display 속성의 차이점 및 디자인에서의 적용 방법

    • border-radius, visibility, display, box-sizing 같은 CSS 속성의 예시들

    • 더 나은 디자인 레이아웃을 위한 border-box 모델 사용의 이점

  1. 페이지 레이아웃 인프라 Part 2:

    • CSS에서 레이아웃 개선하기.

    • float와 clear가 문서의 레이아웃에 미치는 영향.

    • float와 clear의 사용법.

    • 요소를 정렬하는 방법에 대한 리뷰.

  1. CSS Part 1을 사용한 요소의 위치 지정:

    • CSS에서 position 탐색하기.

    • 상대 위치 지정 이해하기.

    • 절대 위치 지정 이해하기.

    • top, left, right, bottom 속성을 사용하여 위치 제어하기.

    • z-index를 사용하여 요소의 쌓임 순서 제어하기.

  1. CSS를 이용한 요소 배치 파트 2:

    • CSS position 속성을 이용해 요소를 배치하는 방법을 배우세요.

    • position: relative와 position: absolute의 차이점을 이해하세요.

    • top, left, right, bottom 속성을 사용하여 요소의 위치를 조정하는 방법을 탐색하세요.

    • z-index 속성으로 요소의 쌓임 순서를 제어하는 방법을 발견하세요.