사이트의 너비를 보장해주기 위해서 태그를 감싼 뒤 min-width를 잡아주기 위한 용도.1->5 순서대로 점점 작아진다고 보면 됨.section, footer, header, articlegroupareawrapbox아래와 같이 ul의 클래스는 "상황-list", l
v : 선택툴(원하는것 선택 가능)m : 드래그 가능(여백이나 공간 선택해서 사이즈 측정i : 스포이드(색상선택)space bar : 화면 움직일 수 있음ctrl + d : 다른 것 선택되었을때, 선택해제 하는 기능ctrl + h : 가이드선 보여주기ctrl + r :
for문보다 forEach문이 훨씬 사용이 쉽기때문에, forEach문 자주 씀아래 버튼 클릭 후 , 바로가기키 (shortcut) 누르기 아래 버튼 클릭 아래 코드 복붙하기(1) shift + cmd + l = 콘솔로그(2) shift + cmd + a = 알럿창(3
클론코딩시 처음에 width 잡고 세팅하는법?float:left 로 되어있는거 클론코딩하는법?헤더에서 검색어입력 인풋박스헤더 네비부분 english 언어선택 슬라이드부분 주요뉴스, 시민참여 두개로 나뉘어지는거주요서비스 밑에 라인 쭉 그어지지 않고, 제목부분만 되는거서울
header의 height가 100px인거와, --height가 0인거 두개의 차이가 뭔지? 용도가 뭔지?hover시, header의 height가 바뀌는데 왜 변하는게 없어보이는지? height가 변하지 않는다면 무슨 쓸모가 있는건지?header:before를 준 이
header 햄버거 옆에 흰색 여백 뭐때문인지.. 같은 font-weight 400인데 글짜 두께 다른 이유? 베스트 옆에 여백이 몇인가? 패딩이나 값이 없는데 왜 띄워져있는것이고, 이건 어떻게 해결해야하는건가.. 신상, 상품권 우측에 빨간 점 여백이 차이가 남 제가
개발자모드 -> 네트워크 글꼴 눌러서 다운로드!assets -> fonts 폴더에 폰트 다운로드fonts.css에 아래와 같이 입력.reset.css에 아래와 같이 입력 ex) 영문은 앞의 Gilroy, 한글은 뒤의 NotoSans, 둘다 안되면 마지막의 sans-se
자주 쓰이는 값은 아래와 같이 변수로 저장해놓고 쓰자ex)보통 header 에는 패딩, 높이 주고 header-inner에는 width, margin: 0 auto로 중앙정렬 준다.이 때, header-inner에 안에 로고나, 우측의 메뉴들 세로정렬시, 높이가 필요한
작성중인 css 가장 밑에 작성하는게(각각 layout.css / main.css...) 정석적인 방법!클론코딩시 가장 무난한방법이 개발자도구에서 반응형으로 켜서 320px / 751px / 981px 각각 사이즈별로 바뀐거 찾아가면서 수정하기수정할때는 기존 css 선
root header gnb nav 해보기, 메뉴 내 슬라이드 transition 해보기 main