자주 사용하는 html 글로벌 속성
html파일 css파일 연결하는 법
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css" />
</head>
<body></body>
</html>
rel="stylesheet": 연결된 파일이 스타일시트임을 지정.
href="style.css": 연결할 CSS 파일의 경로.CSS 스타일링
1. 인라인 스타일 (Inline Style)
html 요소의 style 속성을 사용하여 스타일을 직접 정의하는 방식.
<p style="color: red; font-size: 20px;">이것은 빨간색 텍스트입니다.</p>2. 내부 스타일 시트 (Internal Style Sheet)
html 문서의 head 태그 내에 style 태그를 사용해 스타일을 정의하는 방식.
<!DOCTYPE html>
<html lang="en">
<head>
<style>
p {
color: blue;
font-size: 18px;
}
</style>
</head>
<body>
<p>이것은 파란색 텍스트입니다.</p>
</body>
</html>
3. 외부 스타일 시트 (External Style Sheet)
별도의 CSS 파일을 만들어 HTML 문서와 연결하는 방식.
위에서 서술한 html파일과 css파일 연결에 해당.
unleash the beast