WEB/HTML, CSS
[HTML / CSS] span 과 div
Hard_Try
2020. 2. 21. 17:31
div는 글을 새로운 줄에 놓아버리고
span은 원래 글이 있던 위치에 영향을 주지 않는다. 후에 차이점에 대해 논해보자.
특정 텍스트에 스타일링을 하고 싶을 때는 span을 사용하면된다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
<!DOCTYPE html>
<html>
<head>
<title>Fonts</title>
<meta charset="utf-8">
<style>
.red{
color: red;
}
</style>
</head>
<body>
<p>배달의민족은 우아한형제들에서 운영하는 <div class="red">대한민국 배달 주문 서비스 브랜드명</div>이다. 2016년 배달의 민족 브랜딩 과정을 담은 '배민다움'이라는 책을 출판했다.</p>
</body>
</html>
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter
|
이렇게 부분적으로 스타일링 하기 위해 div를 사용하면 결과로
이렇게 이상하게 출력된다. 새로운 줄에 놓아버리기 때문에 "운영하는" 뒤로 부터 아예 다른 문장이 되어 버린 것이다.
그러면 이 구문을 span으로 바꾸면 어떻게 될까
이렇게 잘 적용되는 것을 볼 수 있다.