CSS의 형식

웹/CSS 2022. 8. 29. 13:59

이번엔 HTML 문서를 꾸미는 방법에 대해 알아보려고 합니다.

CSS를 사용하는 이유, 목적

웹의 스타일(글꼴, 색상, 정렬 등)을 결정하기 위해 CSS를 사용합니다.

웹 문서의 내용과 상관없이 디자인을 설정할 수 있습니다.

기기에 맞게 탄력적으로 문서를 만들 수 있습니다.

주석은 /* */를 사용합니다.

스타일 규칙은 세미콜론(;)으로 구분합니다.

가시성을 위해 여러 줄에 작성하는 경우가 많습니다.

스타일 규칙이 많을 경우 또는 같은 규칙을 여러번 사용할 경우 사용합니다.

css 규칙들을 하나의 파일에 작성한 후 확장자를 css로 저장합니다.

html의 <head> 태그 안에 <link href="시트명.css" rel="stylesheet" type="text/css"> 문구를 추가합니다.

전체 선택자 : *

태그 선택자 : 태그

클래스 선택자 : .클래스명 (태그 뒤에 class="클래스명"을 추가로 기입합니다.)

클래스 선택자 : → 여러번 반복 가능

id 선택자 : #아이디명 (태그 뒤에 id="아이디명"을 추가로 기입합니다.)

클래스 선택자 : → 문서 내 한번만 적용

그룹 선택자 : 선택자,선택자

[CSS] 박스모델(1) - width,height,line-height,calc, margin, padding, margin auto (0)	2023.01.07
[css] 색상, 인라인 요소와 블라인 요소 (0)	2023.01.07
[css] 글자와 텍스트 스타일 & 문단과 문단 스타일 (0)	2023.01.06
[CSS] 적용방법 (0)	2023.01.06
CSS 스타일 속성 - display, border-radius, margin, padding (0)	2022.09.13