티스토리 뷰

Web(국비)/HTML & CSS

CSS - css적용 우선순위

Xion 2019. 10. 16. 15:15

import.css 외부 css <p>태그 css 적용

p
{
	
		font-size:1px;
		color:purple;
		font-size:italic;
		
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	--임베디드방식--
	@import url("style/import.css");
	p{font-size:100pt; color:black;}
</style>
</head>
<body>
<div>
	<h1>스타일 적용의 우선순위 규칙</h1>
	<hr>
	</div>
	
	<p style="color : orange;">이런 경우라면 .. 나는 ...어떻게 표현되어야 할까</p>
    --color는 orange를 영향받고 -> 임베디드방식인 fontsize:100적용이되며 
    --외부 import.css파일안의 코드중 color와 size는 무시되고 font-style만 적용이된다
</body>
</html>

p태그의 css를 여러가지 방법으로 선언 하였다.

우선순위가 높은 것은 가장가까운 태그가 우선순위가 제일 높다.

저작자표시

'Web(국비) > HTML & CSS' 카테고리의 다른 글

CSS - 상속성  (0) 2019.10.16
CSS -외부css파일 import하여 적용시키기 (4)  (0) 2019.10.16
CSS - 국비 외부 스타일 가져오기 (3)  (0) 2019.10.16
HTML - 국비 자식,자손 선택자 css  (0) 2019.10.16
HTML - 국비 id선택자 css활용  (0) 2019.10.16