[CSS] position 실습하면 배운 것

(1) 사진이랑 글을 가로 배치할 때 position 쓸지 float 쓸지에 대한 궁금증 해결

 

​

뭔가 특정 장소에 고정시켜 놓아야 한다 = position

두 요소를 옆으로 배치시켜야 한다 = float

 

​

(2) 우리 눈에 보이지 않더라도 브라우저에게는 전달이 되면 좋은 정보, 혹은 스크린 리더를 통해 웹을 사용하는 사용자들에게 전달해야 하는 정보를 제공하고 싶을 때 사용하는 게 aria-label!!

​

 

(3) 이미지의 width랑 height 바꿔줄 때 display=block; 설정

​

 

(4) width, height 적용 안될 경우 display 먼저 확인

 

 

(5) transform

-자기 자신을 기준으로 움직임

-transform: translateY(-50%);

​

 

(6) margin: 0 auto;

-가운데 정렬