ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 웹2 5일차
    웹2 2024. 4. 24. 21:48

    vscode에서 로고 파일 불러오는 법

    ex. 디자인삼성 페이지에 있는 로고 가져오기(with. svg)

    [1] 디자인삼성 로고 우클릭 후 검사

     

    [2] 이미지 코드에 들어 있는 svg 클릭하기

     

    [3] 나온 로고의 빈공간에 우클릭 후 페이지 소스 보기 클릭 -> 소스 복사

     

    [4] vscode로 들어와 새파일을 연 후 "logo.svg" 파일을 생성한다

     

    [5] xml 과 주석/빈공간을 삭제한다

     

    [6] 박스 안에 "img" 태그를 적어준 후 만들어둔 svg 파일을 적어준다

    ** alt에 제목을 적어주는 연습을 해야 기능사 시험 시 혼란 없다


    html에 있는 모든 a태그를 기본상태로 커스텀

    - a태그를 기본 상태로 먼저 바꿔 두고 각 태그에 커스텀을 해야 에쁨


    번외..

    nav태그가 위에서 계속 받아온 70px을 그대로 상속받기 위해

    height: 100% 의 코드를 써서 상속 받음

     

    이후.....................?

    a태그를 flex-item으로 만듬

     

    수업 내용 코드펜 바로가기

    '웹2' 카테고리의 다른 글

    웹2 6일차  (1) 2024.04.26
    웹2 수업페이지  (0) 2024.04.23
    웹2 4일차  (0) 2024.04.22
    웹2 3일차  (0) 2024.04.17
    웹2 2일차  (0) 2024.04.15
Designed by Tistory.