2021.07.19 CSS실습(7)

🚀 Web개발에 필요한 확장프로그램

https://wpastra.com/chrome-developer-extensions/#3-colorzilla

사이트에서 필요한 기능들을 추가하여 사용가능




1.Wappalyzer 
  👉 특정 웹사이트에 접속하여 웹사이트가 어떤 기술과 스펙으로 만들어졌는지 알고싶을때 사용


2. CSS Viewer 
  👉 검사요소에서 직접 찍어가며 확인하는 과정이 번거로울때 사용하면 간편하게 볼수있음

3. WhatFont
  👉 어떤종류의 폰트를 사용했는지 알수있다.

4. Lorem lpsum Generator
  👉 임의의 문장을 만들때 활용, 타이핑 할 필요없이 임의문장을 사용해서 사이트제작가능

5. Color Zilla 
  👉 웹사이트 내에 어떤 색상 사용했는지 알 수 있다.

https://cssgenerator.org/box-shadow-css-generator.html

박스쉐도우를 이용하여 border값을 적용할 수 있다.

💡 네이버 실습을 통하여 카피캣을 해보며
아직 margin top을 이용하여 공백을 넣거나 위치 설정하는 부분에 있어서는 어려움이 있어 부족한 부분을 보충해야 겠다.