3강 - 01.2 div와 span, block 와 inline

< span >
- span 태그는 스타일링 목적으로 사용됨
- class 나 id같은 어트리뷰트로 css에서 스타일링 가능
- span과 div는 비슷하지만 제일 큰 차이는, div는 블록단위이고 span은 인라인단위이다
- span은 인라인 요소이기에 줄바꿈이 일어나지 않는다


실습1 - span, class기능

<div>인라인요소</div> <span class = "b3">스팬 인라인 요소</span> <div> <span class="classpan">div태그 내 span태그</span> </div> <p class="p1">is p1 unchangeable??</p> <div class="d2">is d2 unchangeable??</div> <span class="s3">is s3 unchangeable??</span>

.b3{ color : yellow; background:green; } .classpan{ color:blue; } .p1{ background: red; } .d2{ background: orange; border: 2px solid green; } .s3{ background: aqua; border: 2px solid blue; }

실습1

* border 옵션으로 테두리 및 색깔, 두께 설정 할 수 있다.