Web/CSS
CSS) Basic, 외부 CSS 연결
surhommejk
2018. 5. 2. 20:49
일반적인 규칙
selector {
property: value;
property: value;
}
외부 CSS연결 예제
Practice.html
<!DOCTYPE html>
<html>
<head>
<title>Practice CSS</title>
<link rel="stylesheet" type"text/css" href="css/practice_css.css" />
<!-- rel은 relation의 약어로 css를 부를 것이기 때문에 stylesheet을 쓴다-->
<!-- type은 css 파일을 부를 것이기 때문에 text/css-->
<!-- href는 hyperlink의 약어로 css 파일의 경로를 설정한다-->
<head>
<body>
<h1> Hello world</h1>
<h2> Practice</h2>
<ul>
<li>apple</li>
<li>orange</li>
<li>banana</li>
</ul>
</body>
</html>
Practice_css.css
h1{
color: red;
}
h2{
color: orange;
}
ul {
color: blue;
}
디자인(CSS위주) 참고 사이트 : http://www.csszengarden.com/