1. 웹 프로그래밍 기초
8) CSS 선언방식
오늘은 CSS가 무엇인지와 선언하는 방법을 알아보는 시간을 갖겠습니다!
CSS 선언방식
css 선언 방식은 크게 3가지가 있습니다. 그 전에 css의 구성에 대해서 간략히 알아보겠습니다.
span{
color : red;
}span -> selector(선택자)
color : porperty(속성)
red : value(값)
Inline
HTML 태그 안에 선언하는 방법입니다. 모든 css파일 보다 가장 우선적으로 적용 됩니다.
<p style="border:1px solid gray: color:red;font-size:2em;">internal
style 태그를 열고 style 태그에 css를 선언하는 방법입니다.
Inline 선언 방식 다음의 우선 순위를 가집니다.
<head>
<style>
p {
font-size : 2em;
border:1px solid gray;
color: red;
}
</style>
</head>
<body>
<div>...</div>
</body>external
파일 외부에 (.css)로 지정하는 방식입니다.
대부분 이 방법으로 구현하는 것이 가장 좋습니다. internal 코드와 같이 구현하고, 이 후에 아래에 link 태그로 추가하면 됩니다. 우선순위는 inline>>>> internal >>> external 순으로 적용됩니다.
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div>
<p>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</p>
</div>
</body>
</html>오늘은 css의 선언방법에 대해서 알아보았습니다. 감사합니다 :)
