패스트캠퍼스 환급챌린지 11일차 미션 (2월 11일) : 프론트엔드개발 강의 후기

오늘의 목표

Ch 7 -10.선택자 우선순위 를 듣고, ch8 을 시작해야지

후하후하하하하

 

 

오늘도 아침에 카페에 갔다.

오늘도 몸은 안좋고, 감기가 더 심해져서 목이 걸걸해졌다...

요즘 유행인가보다.. 원래 내 목으로 안돌아오네

아무튼 오늘도 안좋은 몸을 이끌고 강의를 듣기 시작했다.

 

선택자 우선순위

 

우선순위란, 같은 요소가 여러 선언의 대상이 된 경우, 어떤 선언의 css속성을 우선 적용할 지 결정하는 방법

-점수가 높은 선언이 우선함

-점수가 같으면 가장 마지막에 해석된 선언이 우선함

 

 

와 대박이다. 그치 우선순위가 있긴 있지

근데 어떤 기준일까? 써진 순서 기준일까? 그걸 참 많이 고민했었는데

오늘에서야 답이 나왔네

다 정해진 게 있었어

 

* 를 나타내는 건 0이고

div 같은 >>> 태그 선택자는 1이고,

.abc >>> 클래스 선택자는 10이고,

#abc >>> ID 선택자가 100이라니..!

이게 다 순서가 있었다니

되게 답답했던 것들이 통괘해지는 순간이다

 

와 속시원해ㅎㅎ

 

 

 

 

ch.8

- css 속성

 

 

1) 개요

HTML과 비슷하게, CSS도 특정한 기능을 하는들이 미리 정의되어 있으며,

이를 활용하여 태그의 스타일을 정의할 수 있음
속성: 값 의 형태로 사용되며, 여러 속성끼리는 ;를 통해 구분됨.

하나의 선택자의 속성들을 한 줄로 쓰든, 여러줄로 나누어 쓰든 상관이 없으며

작업하는 사람들 끼리 정하여 편한대로 사용하면 됨

css 속성에 대해 배우게 됨.

 

사용가능한 필터는 세 종류(블러, 흑백, 반전)

 

 

 

- css 단위

어유 css 단위는 또 너무 어렵네

픽셀, 상대적 백분율, 요소의 글꼴크기, 루트요소(html)의 글꼴 크기, 뷰포트 가로 너비의 백분율, 뷰포트 세로 너비의 백분율 등

 

- 외부여백

margin 에 대해서 배웠고,

 

- 내부여백

padding 값에 대해서 배웠다.

 

처음에는 마진값이랑 패딩값이 참 헷갈렸는데 사실 막상비교해보면 그리 헷갈리는 것도 아니다.ㅎㅎ

다만 좀 헷갈리는 건 이전에 배웠지만, 글자 그자체를 표현하는 것들은 가로는 충분히 달라질 수 있지만, 높이가 아무리 달라져도 그대로고, 어떤 상자로 묶여있어야 가로세로가 자유롭게 왔다갔다 할 수 있다는 것이다.

 

 

- 테두리 선과 색상표현

테두리 선과 색상표현에 대해서 배웠다.

 

 

기본적이지만, 한번씩 체크해주어야 하는 부분들이었다.

그래서 정리되는 느낌이 들어서 또 좋았다 :)

 

 

 

 

 

 

 

후하

슬슬 집중력이 떨어지기 시작한다

정신차려!!!

 

본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성하였습니다.
#패스트캠퍼스 #직장인자기계발 #직장인공부 #환급챌린지 #패스트캠퍼스후기 #오공완 #프론트엔드

 

https://bit.ly/48sS29N

패스트캠퍼스 [직장인 실무교육]