Tasha's devlog

// 노마드 코더의 코코아톡 클론코딩 듣는 중 ... 계속 헷갈려서.. 별 수가 없음.. ㅎ // inline-block 문제 //flex // fixed //이러면 display: flex가 있어도 깨지지 않아고 배열이 그대로 나타남. // absolute, relative

//노마드 코더의 코코아톡 클론코딩 듣는 중// //reset.css 기본 css 디폴트 값을 없애기 위해서 사용 따로 파일을 만들고., @import해서 사용할 것. https://meyerweb.com/eric/tools/css/reset/ CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post,..

//노마드 코더의 코코아톡 클론코딩 듣는 중// //shift +opt + 위/아래 //BEM https://nykim.work/15 // css hack display: flex; justify-content: space-between => 안될 때 ㅎ

//노마드 코더의 코코아톡 클론코딩 듣는 중// /* transition: 어떤 상태에서 다른 상태로의 "변화"를 애니메이션으로 만드는 방법 바꿀 거는 무조건 state에 명시가 되어 있어야 함 트랜지션은 무조건 상태가 없는 곳에 써야 함 */ a { color: white; background-color: tomato; text-decoration: none; padding: 3px 5px; border-radius: 5px; font-size: 20px; transition: all 1s ease-in-out; /* transition: background-color 10s ease-in-out, color 5s ease-in-out; 걍 변하는 모든 것들을 한번에 all이라고 쓸 수 있음 - eas..

//노마드 코더의 코코아톡 클론코딩 듣는 중// /* root는 기본적으로 모든 다큐멘트의 뿌리가 됨 변수를 넣어주면 색을 일일히 바꾸지 않아도 됨 한 번에 변경가능. custom property라고 하지만 니코는 변수라고 부르는 것을 선호 --하고 변수명 만약에 띄어쓰기 있으면-쓰고*/ - 이걸 .. 진작에 알았어야 했는데... - 모멘툼.. 리팩토링 할 거 생각하면 머리가 아프다...

//노마드 코더의 코코아톡 클론코딩 듣는 중// .. 이게 기능이 많아지니깐, 깃헙에 적은 노트로는,, 과제에 적용이 안됨... 내가 보기 위해서 가지고 왔음. 정리를 굉장히 잘해주셔서 댓글을 그대로 들고 왔음. https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Combinators Combinators - Learn web development | MDN This is the last section in our lessons on selectors. Next, we'll move on to another important part of CSS — the cascade, specificity, and inheritan..