728x90 300x250 SMALL Front-end314 인접 형제 선택자 + 모든형제 선택자 ~ 차이 인접 형제 선택자는 인접해 있는 엘리먼트를 선택할 수 있다. h1 + p {} : h1다음에 나오는 첫번째 p 태그 html 기준태그 첫번째 두번째 css h1 + p { color: #0000ff; } 모든 형제 선택자는 해당하는 모든 형제태그를 선택 h1~p {} : h1과 인접한 모든 p태그 html 기준태그 첫번째 두번째 css h1 ~ p { color: #0000ff; } 2021. 12. 18. wai-aria란? wai-aria란? Web Accessibillty Initiative-Accessible Rich Internet Applications의 약자 이며 W3C에서 출판한 장애가 있는 사람들이 액세스 할 수 있는 대화형 웹 사이트 콘텐츠를 구축하는데 가장 일반적으로 사용되는 기술사양이다. 특히 동적인 콘텐츠와 Ajax, JS, VUE, REACT 등과 같은 페이지를 새로고침 하지 않고 갱신했을때 스크린 리더기를 사용하는 전맹 시각장애인들이 정보를 제대로 제공받지 못하는 상황을 방지 하기 위해 데이터가 바뀌는 영역에 역할, 속성, 상태 정보를 추가해서 접근성을 높여주는 방식이다. 만약 의미가 있는 시맨틱 태그가 아닌 일반 div를 사용할 경우 예를들면 네비게이션 네비게이션 nav로 만들든 div로 만들든 같.. 2021. 12. 17. <cite> html 태그 태그는 인용을 할 때 사용합니다. 인용된 콘텐츠, 책, 웹사이트, 블로그, 연구논문, 예술작품등에 대해서 출처를 표기할때 사용하며 제목을 반드시 표기해야 합니다. 사용법 인용 콘텐츠 cite를 사용하면 기본적으로 기울임꼴로 표시되기 때문에 기울임꼴로 적용하지 않을시에는 css로 수정해야 한다. 브라우저 호환성 보기 출처: https://developer.mozilla.org/ko/docs/Web/HTML/Element/cite 2021. 12. 16. 더미 이미지 제공 사이트 (랜덤 무료 이미지) 이미지가 없거나 준비되지 않은 경우 이미지의 크기에 맞는 이미지를 제공해주는 더미 이미지 제공 사이트 입니다. http://placeimg.com/ PlaceIMG | Easy FPO and Dummy Images for Any Project placeimg.com 위에 사이트에 접속해서 필요한 더미 이미지의 Width값과 Height값을 지정해 주고 GENERATE THE IMAGE를 클릭합니다. 그러면 아래와 같이 이미지가 나오고 REFRESH 하거나 DOWNLOAD 할 수 있습니다. 이미지를 다운로드 하지 않고 바로 랜덤 하게 사용하는 방법 기본 사용법 any는 디폴트 카테고리 입니다. 카테고리와 필터를 선택했을 경우 선택한 필터를 붙여주면 됩니다. 그러면 새로고침할때마다 sepia 필터가 400p.. 2021. 12. 14. 이전 1 ··· 44 45 46 47 48 49 50 ··· 79 다음 728x90 반응형 LIST