HTML5 - 190615 Basic Study 40(Note)

HTML 강좌 19
배경속성
background : 통합속성
background-color
background-image
background-repeat
background-position
background-attachment

background-repeat:no-repeat
background-repeat:repeat-x

background-position:0 0
픽셀단위, 키워드 안뒤, % 단위
50px 50px
left top center right bottom
50% 50%

background-attachment:fixed
background-attachment:scroll

중첩 배경 이미지
gif 나 png 투명 바탕이 지원됨

UI UX 97번

이미지 클립핑

HTML 활용예제 17번

active 기능 추가하기

image-canvas size
image-adjustment -> hue/saturation

이미지>캔버스
image>reveal all

이미지>캔버스
image > trim

png 로 저장

ol>li*7>a
div>span*7>a
가로네비게이션바

• 지역

• 쇼핑

• 문화

• 여행

• 레저

• 추천

• 전체보기

http://csssprites.com/

html 활용예제 18번

모바일 아이콘 리스트

웹 페이지 예제 60번

span / b / i / em / strong

아이콘 천국

@font-face{

}
https://fonts.google.com/

https://fonts.googleapis.com/css?family=Pacifico&display=swap" rel="stylesheet">

white-space
word-wrap
break-word
text-overflow: