[Web] HTML5 2일 차

개발/Web

[Web] HTML5 2일 차

hojak99 2017. 1. 3. 09:34

HTML 문서에서 CSS 파일을 불려오려고

<style src="test_5_css.css" media="screen"></style>

이런 식으로 src를 이용해서 불러오려고 했으나 불러와지지 않았다.

검색해보니 CSS 파일을 불러올 때는 link를 이용해서 불러와야 한다고 한다.

<link loadCSS="stylesheet" href="test_5_css.css">

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <link rel="stylesheet" href="test_5_css.css">
    <style src="test_5_css.css" media="screen"></style>
</head>

<div class="category categoryBlue">HOJAK BLOG</div>
<div class="category item1">TEST</div>

<body>
</body>

</html>

<!-- test_5_css.css -->

body {
    margin: 0px;
}

.category {
    width: 100vw;
    height: 40vh;
    text-align: center;
    line-height: 40vh;
    font-size: 4rem;
    color: white;
}

.item1 {
    background-color: black;
}

.categoryBlue{
  background-color: #2098D1;
}