CSS 공부 중
참초 : http://www.w3schools.com/css/css_syntax.asp
위 사이트에서 CSS 기본 문법을 공부 했습니다.
기본 구조는 다음과 같습니다.
property는 기본 속성을 바꾸고 싶은 어트리뷰트(ex. bgcolor)가 오는 자리입니다.
value는 속성에 대입할 값(ex. red)입니다.
property와 value 사이에는 :으로 구분을 합니다.
예)
body {color: black}
속성이 여러 단어로 된 경우 ""으로 묶어 줍니다.
예)
p {font-family: "sans serif"}
여러 속성을 지정할 경우 다음과 같이 ; 으로 구분 합니다.
예)
p {
text-align: center;
color: black;
font-family: arial
}
여러개의 태그에 공통으로 들어있는 속성을 변경하고 싶을 때 selector를 여러개 지정할 수 있습니다.
예)
h1,h2,h3,h4,h5,h6
{
color: green
}
같은 속성에 다른 값을 대입하는 여러 개의 class들을 만들 수 있습니다. 이 것을 적용하고 싶을 때는 태그에 class 속성에서 사용할 class를 지정해 주어야 합니다.
css class 예)
p.right {text-align: right}
p.center {text-align: center}
css 사용 예)
<p class="right">
This paragraph will be right-aligned.
</p>
<p class="center">
This paragraph will be center-aligned.
</p>
여러개의 class를 하나의 태그에 적용하고 싶을 때는 다음과 같이 스페이스로 공간을 띄고 계속 적어주면 됩니다.
예)
<p class="center bold">
This is a paragraph.
</p>
모든 태그들의 속성에 적용할 class를 정의할 때는 다음과 같이 합니다.
예)
.center {text-align: center}
id selector는 #로 시작합니다.
예)
#green {color: green}