2021-05-06 (24일차) 영문폰트적용법, 폰트2개이상 동시적용법, box-shadow 그림자효과, 우측메뉴박스의 2차메뉴, 나만의 사이트 만들기<WIDELY DESIGN>

102강~106강

 

- 영어폰트 적용법

  구글웹폰트 > 추가하여 장바구니에 담기 > @import 클릭 후 <style> 안의 속성 복사 후  css 상단에 붙여넣기

  ※ 주로 400~700 사용

 

- 두 가지 이상 폰트 적용법  

  html {font-family : "우선순위로 적용하고 싶은 폰트" "그다음 폰트" "그다음폰트"

 

- box-shadow

  그림자 주는 법

  ex) box-shadow : 0px 10px 10px black;

                        : x축 이동, y축 이동, spread값, 색상

 

 

#문제. 사이트 상단바 우측메뉴박스의 2차 메뉴까지 구현

www.youtube.com/watch?v=uQFmJ_bjZjg

 

 

 

나의 사이트<WIDELY DESIGN>

- 상단바 배경색(이유) : light gray (모던한 디자인을 위해)
- 글자, 아이콘 색(이유) : black (깔끔한 디자인하기 위해)
- 블로그 이름 : widely   design
- 로고 아이콘 선정이유 : 지구본 아이콘 (전세계로 광범위하고 넓게 디자인하고 싶다는 의미)
- 메뉴 구성 : home, about me, articles, portfolio

- 도메인(닷네임코리아) : www.widelydesign.com