[HTML/CSS] CSS 적용

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>

저작자표시 (새창열림)

'수업(국비지원) > HTML, CSS' 카테고리의 다른 글

[HTML/CSS] CSS선택자(selector) (0)	2023.04.17
[HTML/CSS] CSS 적용 - 외부 CSS Style변경, 글자 스타일 지정, 목록 스타일 지정하기 (0)	2023.04.17
[HTML/CSS] HTML의 기본 구조 - 테이블 삽입하기 (0)	2023.04.17
[HTML/CSS] HTML의 기본 구조 - 오디오,비디오 삽입하기, 링크걸기 (0)	2023.04.17
[HTML/CSS] HTML의 기본 구조 - 이미지 삽입하기 (0)	2023.04.17