본문 바로가기
CSS

CSS 기본 문법

by 코딩달림 2022. 8. 15.
728x90

CSS 기본 문법

CSS를 정의하는 방법으로는 내부 스타일시트, 외부 스타일시트, 인라인 스타일시트 등이 있습니다.


▶ 스타일 시트

종류 설명 형태
내부 스타일시트 CSS를 HTML 문서 안에 <style> 태그로 기재하여 HTML 문서 안에 CSS가 함께 저장되는 형태입니다.
<style>
p {
color: red;
}
</style>
외부 스타일시트 스타일 속정을 외부 HTML에 따로 저장하는 형태입니다.
외부 스타일시트는 그 스타일을 선언한 모든 HTML 페이지에 적용되며 *.css의 확장자를 가집니다.
<link rel="stylesheet" href="style.css">
@import CSS 안으로 다른 CSS 파일을 불러올 때 사용하며 CSS의 맨 윗줄에 기술합니다.
@import url("style.css");
인라인 스타일 태그에 직접 CSS를 정의해주는 형태로, 해당 요소에 syle="" 형태로 기술합니다.
우선순위가 제일 높지만 공통으로 css를 수정할 수 없어 자주 사용하지는 않습니다.
<p style="color: red";>

'CSS' 카테고리의 다른 글

백그라운드 이미지/ir 효과  (3) 2022.08.22
강아지 애니메이션 만들기  (4) 2022.08.18
SCSS  (3) 2022.08.18
미디어 쿼리  (4) 2022.08.15
비트맵/벡터 방식  (6) 2022.08.10

댓글


광고 준비중입니다.