본문 바로가기

HTML+CSS

html/css 정리하기

그림자 적용하기

box-shadow: 0(x의 이동) 1px(y축으로의 그림자 이동) 20px(흐림정도)  0(퍼짐도)  rgba(0,0,0,0.1) 

ㄴ 마지막 rgba 의 a는 투명도 0.1 = 10%

 

 

구글폰트 적용하기

 

 

줄간 간격 속성 css

Line-height : 16px;

 

 

한 줄에 두 태그를 정렬하고 싶을 때 

float : left;  (Awesome~)

ㄴ 왼쪽으로 붙어서 맨 위쪽 (떠다녀라) 

float : right; (2020-Now)

ㄴ 오른쪽으로 붙어서 맨 위쪽으로 (떠다녀라) 

 

 

float 사용 시 문자가 겹치는 일을 맊기 위해 두 태그들을 div 태그로 막아주고, 

해당 div 속성에 overflow: hidden; 속성을 입혀준다.