Web

코딩야학(8일) - CSS 실습

광그로 2017. 6. 19. 22:00
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
header{
  border-bottom:1px solid gray;
  padding:20px;
}
nav {
  border-right:1px solid gray;
  width:200px;
  height:600px;
  float:left;
}
nav ol{
  list-style:none;
}
article{
  float:left;
  padding:20px;
}
h2{
  font-size:50px;
  color: red;
}
cs
link tag를 이용하여 css는 하나만 두고, 여러 개의 html에 link 시킨다.
이를 이용하여 css를 여러번 로드하는 과정이 단 한번으로 절감된다.












1
<link rel="stylesheet" href="http://localhost/style.css">
cs



link 적용 전 (출처 : https://opentutorials.org/course/1688/9351)
link 적용 후(출처 : https://opentutorials.org/course/1688/9351)