HTML_CSS

2. CSS_스타일지정 3가지

연쥬개발쟈 2020. 9. 21. 11:14

CSS : 웹페이지 구성요소의 스타일을 정의 하는 언어 

 

1. INLINE 인라인 요소로 스타일 지정하기 

2. HTML 내부에 STYLESHEET 로 작성하기 

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>제목</title>
        <style>
            h1{
                color: pink;
                font-style: italic;
            }
        </style>
    </head>
	<body>
        <h1<hello world</h1>
    </body>
    
</html>

<style> 태그이용 

보통 <head>태그 안에 삽입 

3. HTML 외부에 스타일 시트 만들기

<html>
	<head>
    	<title>제목</title>
        <link rel ="stylesheet" type="text/css" href="firstStyle.css">
    </head>
    <body>
    	//코드
    </body>
    
</html>

<link> 태그 이용 

css확장자로 저장된 stylesheet파일을 href속성을 이용해 삽입 

 

저작자표시 비영리 변경금지 (새창열림)