강의

1. 수업

1. 크롬확장프로그램

• https://wpastra.com/chrome-developer-extensions/#3-colorzilla
• 다양한거 사용해봐도 될듯 유용한게 많다.

2. 네이버 카피캣

• 이전에 했던, css에서 class속성을 먼저잡고 html을 써보자
• input , button 둘다 inline-block
• inline-block 연속으로 나오면 미세한공백이생김

---

• calc CSS 속성값

  width: calc(100% - 52px);

  • 이거의 뜻은 전체 100%에서 -52px만큼 빼는것
  • 띄어쓰기 주의

---

• focus

  #main-header .search-wrap input:focus {
  outline: none;}

  • focus, 말그대로 클릭되거나 선택됬을때 를 머머한다는 뜻
  • 보통은 이전에 default 값할때 다뺌

    input,textarea{
    outline: none;}

---

• box-shadow
• 말그대로 영역의 그림자값
• 여기서 flex처럼 보고 복붙가능 링크

---

• 이제 main 영역
• 우리가 nth-child 값을 쓸때 숫자로 지정하는거말고도 Xn해서 X의 배수로 지정할수도있다.
• line-height는 링크

---

• 요까지하고

2. 어려웠던점

• 항상 헷갈리고 어려웠던 부분이 가끔씩 튀어나오고 앞에서 했던부분인데도 어 저걸했었나란부분이 있긴한다

3. 해결

• 내가 써놓은 개발일지와 구글링을 한다.

4. 소감

• 점점 복잡해지는느낌

오늘한Git