Instagram Clone day 1 // css 공부

기본적으로 html tag와 css의 이해도가 낮아 원하는대로 구현할 수 없었다.

인스타그램 페이지에서 개발자 도구를 이용해 구조와 스타일 속성을 가져오려 했는데 모든것을 하기엔 너무 방대해서 잘못된 선택이었다.

스타일도 상속을 받아오는데 무슨 개념인지 공부할 필요가 있다.

css에서 .으로 시작하지 않고 바로 시작되는 단어나 #으로 시작되고 나열되는 것들은 무슨 의미인가?

######flukeout.github.io

• ’#’ 은 아이디 선택자. ‘.’은 클래스 선택자. 아무것도 없으면 태그 선택자

• ul li {} 방식으로 쓰면 이 페이지의 모든 ul 아래의 li 태그에 대해서 적용

• #id div 라고 쓰면 해당 아이디 아래의 모든 div

• .class>div 라고 쓰면 해당 클래스 직계자손인 div에만 적용 (속성마다 차이가 있음)

• div, ul {} 라고 쓰면 둘 다에 적용

• div+tr 이면 div다음에 나오는 tr

• 등등

• css cheat sheet 찾아보면 많다

• 개발자 도구에서 화면 이미지의 주소를 가져올 수 있다.