CSS Tutorial For Beginners 42 - Width & Height

#전체

#개발자

#프론트엔드

#css

#css tutorial

#css for beginners

#css tutorial for beginners

#css tutorials

#css basics

#css lesson

#css lessons

#css lesson for beginners

#css lessons for beginners

#cascading style sheet

#web design

#web design tutorial

#web design lesson

#beginner web design tutorials

#basic css

#css and html

#css rules

#width css

#height css

#width and height css

#width property

#height property css

#percentage width css

#dynamic width css

#box model width

00:39width, height 설명을 위한 예제 코드에 대한 설명

01:51'px'(본 강의에서는 static width로 표현)로 block level 엘리먼트에 width, height 값을 적용

02:40'%' 단위로 block level 엘리먼트에 width 값을 적용

04:21Box model은 block level의 element만 적용됩니다. 그러므로 두 개의 Element를 한 개의 행에서 나란히 배치하기 위해 영상에서는 width : 40%; 속성을 "inline-block"이라는 클래스 이름의 div 태그에 적용하는데, 중요한 것은 display: inline; 이 아니라 display: inline-block; 이 되어야 합니다.

✔ 학습 완료

취소

작성하기