수업(국비지원)/HTML, CSS
[HTML/CSS] CSS 적용
byeolsub
2023. 4. 17. 23:18
- CSS (Cascading Style Sheets)
: 웹 페이지에서 HTML 태그 보조 하여 웹 페이지 꾸미는 역할
글자 색상, 크기, 글꼴 지정 등 가능.
CSS 주석 : /* */
📌
```html
<!DOCTYPE html>
<!-- src/main/webapp/5/css.html -->
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 내부 css : html 페이지 내부에 css 설정 -->
<style type="text/css">
h3 { color : red; }
p { color : blue; }
</style>
</head>
<body>
<h3>여행(travel)의 어원</h3>
<p>여행을 뜻하는 영어 단어 'travel'의 어원은 'travail(고통, 고난)'이라고 합니다.
교통이 발달하지 않은 과거에는 여행이 고통이나 고난이었던 거지요.
여행이 오락이나 쾌락으로 여겨지게 된 것은 교통수단이 조금 더 발달된 19세기에
이르러서입니다.</p>
<hr>
<!-- inline 방식의 style : 태그 내부에 style 속성으로 css 설정 -->
<h3 style="color:blue;">제주여행정보</h3>
<ul>
<li>제주축제및행사</li>
<li>추천 여행 코스</li>
<li>제주 맛집</li>
</ul>
</body>
</html>