[css] 가로 세로 크기 정하기

안녕하세요. 플입니다.

오늘은 요소의 크기를 정해보겠습니다.

 

---

 1.  width 

p{ width:91px; }

가로사이즈는 width를 이용해 정해줍니다.

 

가장 많이 사용하는 단위는 px로 현재 숫자만 나와있는 사이즈가 px입니다.

p태그는 지금 가로사이즈가 91px이네요.

 

만약 모바일 등 브라우저 사이즈 변동에 따라 크기를 변화시키고 싶다면

px이 아니라 %로 사이즈를 설정해주세요.

 

---

 2.  height

p{ height:94px; }

높이는 height를 이용해 정해줍니다.

이 p태그의 높이는 94px이네요.

 

가로 사이즈를 정해주는 것과 마찬가지로 px이나 %를 단위로 사용합니다.

 

 

---

그럼 이만.

총총.