CSS

Suji Park·2022년 6월 17일
0
post-thumbnail

인라인(inline) 방식


각각 태그마다 전부 스타일을 적어줘야 함
아래에서 같은 스타일을 가진 태그를 사용하려고 해도 코드를 복붙 필요
즉, 재사용이 전혀 불가능!

내장 style


HTML의 <head> 태그 내부에 사용할 Style을 <style> 태그로 미리 선언하여 사용!
태그에 같은 스타일 적용이 가능!

링크방식


모든 Style을 하나의 CSS 파일에 넣고, 필요한 HTML 파일 <head>에서 해당 파일을 링크해서 사용하는 방식
재사용? OK
스타일 변경 발생? OK

@import 방식

3가지 CSS 참조 방식

그런데 3가지 방식이 겹치면, 기본 룰은 가장 늦게 읽히는 것이 우선으로 적용.

인라인 방식은 내장, 링크 방식에 무조건 우선!
내장, 링크 방식은 늦게 쓰여진 것이 우선!

import 방식은 위에 쓰이던, 밑에 쓰이던 항상 먼저 읽힌다.

profile
천방지축😛 얼레벌레🙄 빙글빙글🙃 돌아가는 수지의 코드~🎵

0개의 댓글