[ CSS ] 기본 사용법 요약 정리

728x90

** 공부 복습을 위해 작성한 포스트임을 밝힙니다

: <style> 과 </style> 사이에 코드를 추가하는 방법

<span style ='color:blue;'> words </span>

<style>
선택자{
속성명: 속성값;
속성명: 속성값;
}
</style>

별도의 css 파일을 만들어 HTML문서에 연결하는 방법

<head>
<link rel='stylesheet' href='CSS파일 url'>

- 전체 선택자 : *

- 태그 선택자: 태그명

- 그룹 선택자: 태그명,

- id 선택자 : #id속성값, 태그가 가지고 있는 id 속성값으로

- class 선택자: #id속성값, 태그가 가지고 있는 class 속성값으로

- 자식 선택자: 부모 태그명 > 자식 태그명

- 하위 선택자: 조상태그명 자손태그명

- 속성 선택자: [속성명], [속성명=값], 정규표현식을 이용한 [속성명 ^= 값], [속성명 $= 값], 태그명[...] ...

-built in 선택자: :nth-of-type(n), nth-child(n), :hover

728x90

Data Speaks in Silence