HTML,CSS

HTML(10)+CSS 파일 불러오기

Jini0 2018. 7. 29. 00:26

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">

body {

--본문 전체의 배경색을 밝은회색으로 지정
 background-color: Lightgray;
}


h1{ --h1 태그에 대한 속성값 설정
 color: blue;
 font-family: verdana;
 font-size: 200%;
}
</style>

<link rel="stylesheet" href="my.css">

--link 태그는 <head>여기에 쓴다 </head> rel 은 현재문서와 연결문서의 관계를 표시한다.

 

my.css 파일//////////

@charset "UTF-8";

p{
 border: 1px solid red;
 color: green;
 padding: 10px;
 margin: 15px;
}

///////////////////

 

</head>
<body>

<!-- 속도: inline(태그안)> internal(head) >external(외부파일) -->


<h1 style="color: yellow;">노란색 h1 태그</h1>
<h1>여기가 h1 태그입니다</h1>

<p>여기가 p태그입니다</p>

 

</body>
</html>