記錄

CSS) Basic, 외부 CSS 연결 본문

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/

저작자표시

'Web > CSS' 카테고리의 다른 글

CSS) 구글 폰트 적용  (0) 2018.05.07
CSS) 폰트 크기, 글꼴, 줄간격, 정렬, 글꼴 꾸미기  (0) 2018.05.07
CSS) Selector, Selector 우선순위  (0) 2018.05.03
CSS) 색깔 설정, 배경 설정, border  (0) 2018.05.02
'Web/CSS' Related Articles more
Comments