css inline style, external style sheet

yo·2020년 4월 20일
0
post-custom-banner

인라인 스타일 적용하기

개념: css를 적용하기 위해 head tag안에 style{}을 만들고 그 안에 내용을 적는 방법을 배워왔다. 하지만 이렇게 하지 않고도 css를 적용할 수 있는데, 이를 인라인 스타일 적용이라 한다.
방법은 어렵지 않다. 해당 tag에 기존에 하던 것과 유사하게 적어주면 된다.

예시문법) <h1 style="background: red; color: blue;"
세미콜론(;)을 사용해서 복수의 css를 적용할 수 있다.

external style sheet

-한 페이지의 css규칙을 다른 페이지에도 적용할 때 사용하는 방법이다.
-예를 들어 같은 레이아웃을 여러 페이지에 적용하는 것을 생각해 볼 수 있다.
-문법예시)
<link rel ="stylesheet" type= "text/css" href="url주소">
-참고로 위 테그는 head tag 안에 있어야 한다.

profile
Never stop asking why

0개의 댓글