CSS_1강_2_link

열라뽕따히·2024년 3월 7일

CSS

목록 보기
3/20

: 현재 문서의 외부 리소스(.css) 파일 과의 관계를 명시하는 선언

  • rel = "stylesheet" : <link> 태그로 연결하는 파일이 외부에 있는 스타일시트 파일이라는 뜻을 가지고 있음
  • href : 이 속성은 링크된 리소스의 url 경로를 참조함
  • 외부 스타일시트 파일을 선언하고 사용하는 이유
    ==> 대부분의 HTML 파일에 동일하게 스타일을 적용할 수 있다는 장점이 있음




webapp 파일에 css 파일 생성,
css 파일 내에 이름 : style 파일명인 css File 생성


style.css 의 코드

=============================코드=============================

@charset "UTF-8";

span {
			font-size: 20px;         /* 글자 크기 속성 */
			font-weight: bold;       /* 글자를 진하게 하는 속성 */
			color: red;              /* 글자 색상 */
		}



html 파일에 style.css 를 link 하자!


=============================코드=============================

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
  
<link rel = "stylesheet" href ="css/style.css">  
  
</head>
<body>
	<h3>웹 표준 이후의 예</h3>
				
			<p>
				이제 <span> 웹 표준</span>의 역할은 
                아주 <span> 중요</span> 합니다.		
			</p>
</body>
</html>

=============================실행=============================

0개의 댓글