[HTML/CSS] 자주 쓰는 태그/스타일

 

말줄임

.review {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

 

p {
	text-align: center;
    width: 100%;
    overflow: hidden;
    word-wrap: break-word;
}

 

`overflow: hidden;` 박스에서 넘쳐난 텍스트 숨기기
`white-space: nowrap;` 줄바꿈이 없어짐
`text-overflow: ellipsis;` ... 말줄임 효과
`word-break: break-all;` 어절이 유지되지 않고 끊어져서 줄바꿈 됨

`word-wrap : break-word;` width를 초과하면 줄바꿈 

 

 

배경 블러(반투명)

.goTop{
	backdrop-filter: blur(50px);
}

 

 

input 박스 테두리 없애기

input {
        outline: none;
}

 

 

기호 태그

` ` 띄어쓰기 

`©` copyright 

`&lt;` <  less than

`&gt;` > greater than

`&amp;` & 앰퍼센트

`&#035;` #

`&#039;` ' 작은따옴표

 

 

참고

🏷️ ＆nbsp /＆amp /＆lt /＆gt /＆quot 기호 의미