무아지경

- 스크린 리더 사용시 불필요한 내용이나 반복되는 내용을 건너 뛰기 위해 사용- 장애인을 위한 웹사이트(스크린리더 사용)에서 탭으로 이동할때 페이지마다 반복되는 내용이나 사용자가 필요하지 않다고 느끼는 내용을 건너 뒤고 바로 본문으로 갈수 있게 할때 사용 1 본문바로가기 cs

기본 충족 조건 - block 요소 이어야 함 - width값이 존재 해야함 - overflow:hidden; - white-space:nowrap; - text-overflow:ellipsis; - p태그나 div 같은 block요소는 그냥 3총사 사용하면 됨 - a태그 같은 inline요소는 display:block;을 줘서 block요소로 만든 후 3총사 사용

- display:inline-block; => block요소를 inline요소로 바꿔줄 때 사용. - span / a / img ... 처럼 한줄에 옆으로 나란히 가능 - inline 요소는 넓이를 가지지 않음 = span / a / img ... - block 요소는 한줄 전체의 넓이를 가짐 = div / p .... - inline 요소 안에 block요소를 넣으면 표준에 적합하지 않아서 사용하지 x - 단 a는 링크를 걸기때문에 허용 된다.

display:table; - 다른 요소를 table태그 속송으로 바꿔주는 역할 dislay:table-cell; - 다른 요소를 tr, td 속성으로 바꿔주는 역할 - table표 안에 있는 것처럼 바꿔서 쉽게 정렬 할 수 있게 할때 쓰임 - tr, td에서 정렬은 text-align:center; vertical-align:middle; 등으로 하면 간편