css복습

오늘은 4월 13일

css란?

css는 html이랑 달리 style sheet언어이다. html페이지에 있는 요소들을 꾸며주려면 css에서 작성해야 한다.

<style>여기 안에다 작성!</style>

전체 구조는 rule set이라고 불린다.
rule set - 선택자 { 속성: 속성값; }
{}로 감싸야한다. 그리고 값을 준 다음엔 ;으로 마무리!

예시로,

<style>
 p {
  color: red;
  width: 500px;
  border: 1px solid black;
}
<style>

p - 선택자 color - 속성 red - 속성값

여러요소 선택

여러요소에 같은 속성을 주고싶으면 콤마로 할수있다.

p,li,h1 {
  color: red;
}

이런식으로,

id,class선택자

id선택자 특정 아이디를 가진 페이지의 요소
(주어진 HTML 페이지에서, 아이디당 딱 하나의 요소만 허용)

class선택자 특정 클래스를 가진 페이지의 요소 (한 페이지에 클래스가 여러번 나타날 수 있다)

예로, p id=container / p class=container 이렇게 있다고 했을때
#container / .container라고 쓰면된다.