티스토리 뷰

UI_UX/HTML & CSS

[CSS] 1. 외부/내부 스타일시트(CSS) 적용방법

쟌쥰 2020. 1. 25. 22:04 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<!--
	외부 스타일 시트 	   
	   href : css 파일 경로
	   rel : 속성 (stylesheet : 스타일과 관련된 파일이다.)
	   type : 정보 (text 로 만들어져 있고, css 기능을 한다.)

<link href="resources/css/css01.css" 
	   rel="stylesheet"
	   type="text/css" />
-->


<!-- 내부 스타일시트 -->
<style type="text/css">
	
	/* 외부 스타일시트 적용방법 */
	@import url("resources/css/css01.css");
	
	/* 주석 */
	p{
		background-color: lightgray;
	}
	
	
	
</style>

</head>
<body>
	<h1>CSS 기본 문법</h1>
	
	<h3>작성방법 3가지</h3>
	
	<b style="color: red;">1.인라인 스타일시트 : 우선순위가 높다!!</b>
	<p>
		<span>2.내부 스타일시트 : html 내부에서 간단하게 작성</span><br>
		<b>3.외부 스타일시트 : .css파일 생성 (가장 많이 사용)</b>
	</p>
	
</body>
</html>
b {
	color: skyblue;
}

 

'UI_UX > HTML & CSS' 카테고리의 다른 글

[CSS] 4. 단락  (0) 2020.01.25
[CSS] 3. Font  (0) 2020.01.25
[HTML] 3. HTML5 시맨틱 태그  (0) 2020.01.25
[HTML] 2. <form> 태그 GET 방식 & POST 방식  (0) 2019.12.30
[HTML] 1. HTML 요소 정리  (0) 2019.12.21
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/01   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함