CSS(span, div, width, height,

span tag

-문자열의 특정한 부분만 선택-> css효과 줄 수 있게함.
예) <span id="이름"> 내용 </span>
<span class="이름"> 내용</span>

div tag

-하나 이상의 요소(tag)를 묶어(블록화) css효과 줄 때 사용.
-span과 마찬가지로 id 혹은 class를 지정해 사용 가능.
예>

<div id="이름">
<h1>어쩌구</h1>
<h2>저쩌구</h2>
<p>주절주절</p>
</div>

width, height, overflow

-width, height: 각각 그림, div블록 등의 폭, 높이를 조절
(px, % 등의 단위 사용>
-overflow: 조절된 폭, 높이가 맞지 않아 text가 그 블록을 벗어날 시 어떻게 처리할지 정하는 기능.
1)visible : overflow발생시, 해당 블록 벗어난 채 텍스트 유지.
2)hidden: overflow발생시, 해당 텍스트 가려져 안보이게 됨.
3)auto: overflow발생시, 스크롤바가 생김.
4)x,y축 각각 조절 가능
예)overflow-y: auto;
overfolw-x: hidden;

예시

width: 60%;
height: 110px;
overflow: auto;