📌 code-it sprint 2기 1주차 위클리 페이퍼 총 2가지 주제에 대해 과제 안내 를 받았다.

---

1. CSS의 Cascading에 대해 설명해 주세요.

🤔 CSS란 무엇인가 ?

"Cascading Style Sheets" 라는 약자로 

cascading = 폭포 

"폭포처럼 위에서 아래로 떨어지는"

라는 의미를 가지고 있는 단어이다.

💡우선순위가 있는 스타일 시트

두가지 이상의 스타일이 있을때 

어떤 우선순위에 따라 적용할지 결정 한다.

구체적일수록 우선순위가 높다. 

!important-> 인라인 -> #id -> .클래스 -> 태그 

EX ) <div style="red" !important>1</div>
	 <div style="red">2</div>
	 <div id="color">3</div>
	 <div class="color">4</div>
	 <div>5</div>
}

아래 참고를 통해 좀 더 학습하면 좋을 것 같다.

참고

-출처

• 계단식 및 상속 - Web 개발 학습하기 | MDN
• 명시도 - CSS: Cascading Style Sheets | MDN
• Specifishity :: Specificity with Fish

2. position의 속성들과 각각의 특징을 설명해 주세요.

postition의 속성들을 알아보기전에 

position에 대해 먼저 알아보자 

🤔position 이란?

💡position은 css의 속성중 하나이며 태그를 어떻게 위치 시킬지 정의하는,각 태그들의 위치를 결정하는 특징이 있다.

그렇다면 posititon의 속성은 무엇이 있을까 ?

position에 속성은

• static
• absolute
• relative
• fixed
• inherit

총 5가지 속성이 있다.

각 속성 마다 가지고 있는 특징은 무엇인지 아래 내용을 통해 알아보자.

---

• static: 기본값, 다른 태그와의 관계에 의해 자동으로 배치되며 위치를 의로 설정해 줄 수 없다.
• absolute: static 속성을 가지고 있지 않은 조상을 기준으로 움직인다.
  만약 조상 중에 포지션이 relative, absolute, fixed인 태그가 없다면 가장 위의 태그(body)가 기준이 된다.
• relative: 원래 있던 위치를 기준으로 좌표를 지정한다.
• fixed: 스크롤과 상관없이 항상 문서 최 좌측상단을 기준으로 좌표를 고정시킨다.
• inherit: 부모 태그의 속성값을 상속받는다.

참조링크
https://ofcourse.kr/

참조링크
zerocho.com

---

😅 TMi : 수강생이 되기 전에 독학을 잠깐 하다가 velog를 접해서 쳐다만 보다가

과제 안내를 받고 기회다 싶어서 벨로그에 글을 작성하여 과제 제출을 해보려고 하는 첫 글이다. 

스프린트 과정을 수료를 하고 취업을 하여 시간이 지나 첫 글을 다시 보게 된다면  

프론트엔드개발자가 된 시점에서 

이 게시글을 귀엽게 보는 날이 왔으면 좋겠다.

그만 꿈꾸고 수료부터 하고 취업준비 먼저 하자.