CSS 기본 사용법 과 셀렉터 우선순위

HTML 태그 내에서 CSS 스타일 적용하는 법

<p style = "스타일 특성; 스타일특성;">  lorem </p>

 

외부에 만든 css 파일 연동하는 법

<link href="css 파일 경로" rel = "stylesheet">

 

• Class selector
  • 이름으로 설정 / 클래스 
  • 점 찍고 작성해야 함

<p class = "스타일이름"> ㅇㅇ </p>

====css 파일==================
.스타일이름 {
	css 속성;
    css 속성;
}

• Tag Selector
  • 태그 명으로 작성
  • 모든 태그에 적용됨

태그명{
	스타일;
}

• id Selector
  • 태그의 아이디에 스타일 적용하는 법
  • # 붙이고 작성해야 함
  • 보통 아이디는 자바스크립트에서 사용하므로 거의 사용하지 않는다.

#아이디명 {
	스타일
}

 

셀렉터의 우선순위 

1. 태그 내부의 style
2. 아이디 셀렉터 # 
3. 클래스 셀렉터 .
4. 태그 셀렉터