CSS float, skip source (학습 21일차 TIL)

210707 어제 배웠던 float에 대해 복습하고, 몇 가지 예제 페이지를 코딩해 보면서 더 깊이 이해해 보는 시간을 가졌다.

VSC tips

• css peak, html vss support 설치하여 alt + f12로 html에서 css를 수정하도록 작업 환경을 만들자.
• Ctrl을 누른 상태로 좌, 우 방향키를 이용해서 좀 더 수월하게 코드를 편집할 수 있다.

CSS float

• 앞의 형제 요소가 float 되었다면, 해당 요소는 clear로 간단하게 스타일을 잡아준다.
  

웹 접근성

• h태그, caption 등을 없앨 때, 완전한 skip 소스를 사용하자.

caption {
  visibility: hidden;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
 }