[TIL] 2021-07-30

 

 

1. 어떤 요소의 위치를 변경할 때, padding값을 주는 것 말고 transform을 사용하면 반응형으로 만들 수 있음

.cursor {
transform: translate(-50%, -50%)
}

- translate 속성을 이용해 element의 반절만큼 이동하게 함

 

 

 

2. inline, inline-block, block의 차이

 

▷ inline: 사용자가 지정하는 box의 값을 무시하고 content 자체의 크기로 CSS가 설정됨

▷ inline-block: inline처럼 한 줄에 나타나지만 지정된 box의 크기도 설정됨 (inline과 block의 속성을 모두 가지고 있음)

▷ block: 한 줄에 하나

 

 

 

3. CSS position

https://betterme.tistory.com/11

 

 

 

4. img의 alt 속성

- alt는 alternative, 즉 img 파일을 사용할 수 없을 때 대체하는 요소

- 보통 이름처럼 사용