뒤로 가기
홈으로 이동
LearnFit
공유하기
YouTube, CSS 수업 - box model

CSS 수업 - box model

#전체
#개발자
#프론트엔드
#생활코딩
#CSS 수업
#박스 모델
00:11박스모델이 중요한 이유로서의 근거로 마이크로소프트에서 발표한 CSS 속성들의 사용 빈도에 대한 표 설명
00:59box 모델은 각각의 태그들이 웹 페이지에 표현될 때, 그 태그의 부피감을 결정. 여백, 위치, 크기 등등 이런 것들을 결정하는 것을 박스모델이라고 함.
01:14박스라는 용어를 사용하는 이유: 각각의 태그들은 그 태그 바깥 쪽의 사각형 박스와 같은 모양으로 둘러싸여 있기 때문
01:29이후부터는 박스모델의 구성요소인 width, height, padding, margin 등에 대해 맛보기로 코드를 살펴봅니다. 각각의 구성요소에 대한 설명은 본 러닝패스의 다음 학습노트부터 다루게 되니 스킵해도 무방합니다.
✔ 학습 완료

이 학습노트가 포함된 러닝패스예요.

테크주니어님의 다른 노트는 어때요?

테크주니어의 프로필 이미지
테크주니어
의 학습노트

React JS #6 이벤트 처리(Handling Events) - 초보자를 위한 리액트 강좌

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
2
00:24
이벤트 핸들링 방법 1
01:19
이벤트 핸들링 방법 2
스크랩
테크주니어의 프로필 이미지
테크주니어
의 학습노트

HTML 태그 완성, 웹 포트폴리오 만들기 전에 꼭 보세요 | 프론트엔드 개발자 입문편: HTML, CSS, Javascript

영상 재생 모양 아이콘
Video
⏱ 핵심 스탬프
11
00:18
이전 학습노트에서 배운 중요포인트 복습 이전학습노트 링크: https://lab.learnfit.ai/note/lBJ43G5hAZ/Ii1rr4uw3C
01:57
HTML 태그를 2가지로 분류
👍
1
스크랩
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기