2016년 1월 11일 월요일

[CSS3] 외부 css / 주석

link를 사용하여 외부 css를 로드한다.
rel : 페이지와 연결된 파일 간의 관계를 지정한다. css일 떄는 stylesheet여야 한다.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!-- index.html -->
<html>
    <head>
        <meta charset="utf-8">
        <link href='style.css' type="text/css" rel="stylesheet">
        </link>
    </head>
    <body ng-app='fruitApp'>
        <div ng-controller='controller1'>
            <p> hello {{name}} </p>
        </div>
          <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>        
          <script src="controller1.js"></script><!-- controller1.js should be declared first-->
          <script src="fruit.js"></script>
      </body>
</html>
cs

css의 주석은 /* */로 단다.
1
2
3
4
5
6
7
8
9
10
/* 
style.css
*/
body{
    font-family: arial;
    background-color: rgb(185,179,175);
}
p{
    color:rgb(255,255,255);
}
cs

댓글 없음:

댓글 쓰기