ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 웹4 5일차
    카테고리 없음 2024. 6. 19. 21:48

    [눈누 폰트 가져오는 법]

     

    웹폰트 가져오기

     

    -. 웹폰트 긁어오기

     

    -. 사이즈에 맞춰 커스텀해주기

     

     

    -. 폰트

     

     

     

     

     

     

    [kr로 변경하기]

     

    -. 폰트 찾아바꾸기

    컨트롤+H

     

     

    -. 글자랑 구글 폰트 정렬 맞추는 법

    아이콘 여백

     

     

     

    -. 아이콘간 여백주기

    피그마 내 갭:28px

     

    아이콘박스와 이미지 박스를 한 박스에 묶어 gap 처리한다

     

     

    -. 폰트 사이즈/두께 변경하기

     

     

    -. ㅇ

     

    [배너 삽입하고 스와이퍼 넣기]

     

    배너 -> 스와이퍼 -> 이미지+불투명도

    순서대로 들어가야 함

    스와이퍼 중 페이지네이션만 쓸거라 나머지 지워줌

     

    스크립트도 필요한것만 남겨두고 지워줌

    -> 이후 커스텀할 것

     

    -.스크립트를 맨 아래로 내리는 이유

    html보다 스크립트가 나중에 실행될 경우가 있어서

     

    -. z-index: n;

    f(형) : 1점+1점+*1점

    s(동생): 2점

    아래에 잇는 엘리먼트가 힘이 더 세서 제트인덱스로 1점을 더 준 뒤 힘을 올림

     

    -. 이렇게 나온

    left: 0; right: 0; ㅇㄴ 100%와 같은 효과를 줌

     

     

    -. 높이를 100vh 을 쓰는 이유

    화면크기에 100%만들기 위해서

     

     

    wrap (2).zip
    2.74MB

     

Designed by Tistory.