CSS적용방법 3가지, if문

Purple·2021년 8월 31일
0

TIL

목록 보기
7/73

1. CSS를 적용할 수 있는 3가지 방법 🤟🏼

1. 외부 스타일 시트(External Style Sheet)

<link rel="stylesheet" href=".XXX.css">

2. 내부 스타일 시트 (Internal Style Sheet)

스타일 태그 활용하기!

<style>
{
  color: red;
  background-color: yellow;
}
</style>

3. 인라인 스타일 (Inline Styles)

HTML 태그 내에 스타일 지정하기!

<p style="color:red; background-color: yellow;"> 안녕하세요 </p>

2. script tag를 마지막에 넣는 이유

javascript를 맨 끝에 넣으면 일단 페이지 먼저 열리고, 그 후에 javascript가 할 일을 하게 되기때문에 퍼포먼스가 더 좋은 경험을 주게 된다. 그렇지 않으면, 인터넷이 느린 경우 페이지 열리는 속도가 느릴 수도 있다.

3. if if vs if else if

if (i === 0)...//i가 0인 경우 실행되고 아래 두 if 문도 체크 할 예정...
if (i === 1)...//i가 0이라 위 if문에서 확인했더라도 중복확인
if (i === 2)...// 위 두개의 if문 확인했던라도 또 확인

if (i === 0)...//i가 0인 경우 실행되고, 아래 두 if문은 실행되지 않음...
else if (i === 1)...//i가 0이 아니고,1인 경우 실행. 실행된다면 아래 if문 실행되지 않음.
else if (i ===2)...//i가 0 또는 1이 아닌경우 실행...
profile
다시 보면, 더 많은 것들이 보인다.

0개의 댓글