08/13

TIL

1. HTML

1.1 Address tag

: https://www.w3schools.com/tags/tag_address.asp

1.2 a tag 클릭 방지

: href="javascript:void(0)"

2. CSS

2.1 background

• w3school : https://www.w3schools.com/css/css_background_repeat.asp
• background-repeat : no-repeat;
• background-postion(-x,-y) : center, 0px 0px,....

2.2 Sass 조건, 반복문

• 링크 : https://webclub.tistory.com/178

2.3 모바일 가로 슬라이드

overflow-x: auto;
white-space: nowrap;

2.4 이미지 비율 맞추기

img{
	width:100%;
	height : 100%;
	object-fit: cover;
}

2.5 공백 처리

• white-space : nowrap,.....

2.6 line-clamp

width: 70%;
height : 68px;
color: #808080;
font-weight: 600;
line-height : 34px;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-line-clamp: 2;

찾아보기

1. Lazyload