<span> 태그
대표적인 인라인 요소 ! 본질적으로 아무것도 나타내지 않는, 콘텐츠 영역을 설정하는 용도. 글자를 취급하는 용도.
<div>
)를 넣을 수 없음<div> 태그
대표적인 블록 요소! 본질적으로 아무것도 나타내지 않는 콘텐츠 영역을 설정하는 용도.
<style></style>
의 내용(contents)으로 스타일을 작성하는 방식
<style>
div {
color: red;
margin: 20px;
}
</style>
요소의 style 속성에 직접 스타일을 작성하는 방식(선택자 없음)
<div style = "color: red; margin: 0px;"></div>
<link/>
로 외부 css 문서를 가져와서 연결하는 방식
<link rel="stylesheet" href="./css/main.css">
div {
color : red;
margin : 20px;
}
css의 @import 규칙으로 css 문서 안에서 또 다른 css 문서를 가져와 연결하는 방식
@import url("./box.css");
div {
color : red;
margin : 20px;
}