HTML / CSS [ CSS(Cascading Style Sheets)의 우선순위 ]

양혜정·2024년 3월 27일
0

HTML, CSS

목록 보기
1/21

CSS(Cascading Style Sheets) 의 우선순위

  1. !important(css 강제적용)
  2. 해당 태그에 직접준것(인라인 방식)
  3. HTML 파일에서 준 style 태그(임베디드 방식)
  4. 외부에 있는 .css 파일을 로드 한 것

외부에 있는 CSS 연결하기

<link rel="stylesheet" href="./mycss.css">
  • href 경로
    절대경로 : css 파일 우클릭 -> properties -> locations 복사 후 작성
    상대경로 : 같은 폴더인 경우 -> 같은 부분 이후 부터 작성
    이때, 맨앞에 ' . / ' 을 넣지 않아도 된다.

임베디드 방식 - ( STYLE 태그 )

<style type="text/css">
	<!-- 예 -->
	div{
  		border : dashed 1px blue;
  	}
</style>

인라인 방식 - ( 직접 STYLE )

<div style="border: dashed 1px blue;>글자</div>

정리

-> cssOrder.html

0개의 댓글

관련 채용 정보