웹1 13일차

thal11 2024. 7. 30. 12:47

1. 그리드 만들기

+) padding은 top-bar에

  ㄴ 패딩값은 태그 안으로 들어오기 때문에

+) 높이값은 container에

  ㄴ 높이값을 top-bar에 적용했을 경우 하위 태그인 container에 상속이 안될 수 있기 때문에

 

 

2. 박스 만들기

+) 메뉴박스는 nav태그 사용

 

+) 항상 눈에 보이게 형태를 잡아 확인 먼저. 따라서 모든 박스에 border값을 주어 확인.

 

+) flex로 커스텀

+) 박스 정렬

 

 

3. 로고 넣기

 

+) 파일 이름은 F2를 눌러 수정 가능

html

 

css

+) 이미지태그를 조정하려면 이미지 박스에 값을 넣어라 (너비)

+) 높이값빼야됨

 

 

css

+) 이미지 크기가 이미지 박스 크기를 조정했을 때 상속받을 수 있도록  

 

이미지 중앙정렬

 

 

 

 

3. 메뉴박스 만들기

+) 박스 만들어 요소 넣기

+) 정렬

+) 여백

 

+) 텍스트 속성 변경

html

>>  ctrl+H

 

 

+) 폰트적용

 

 

 

 

 

 

 

+++) tab이 안먹을 때

젠코딩 식을 전체 선택한 후 F1> emmet expand 검색 엔터

 

 

 

 

'' 카테고리의 다른 글

웹1 15일차  (0) 2024.08.01
웹1 14일차  (0) 2024.07.31
웹1 12일차  (0) 2024.07.29
웹1 11일차  (0) 2024.07.26
웹1 10일차  (2) 2024.07.24