코드잇 6
-
🌱 이미지 src : 이미지 주소를 정해줌 alt : 사진에 대한 정보를 텍스트로 적을 수 있음 1. 코드만 보고도 어떤 사진인지 알 수 있음 2. 시각장애인을 위해 해당내용에 있는 내용을 읽어줌 3. 이미지 로딩 실패시 화면에 어떤 사진이었는지 유추할 수 있음 width, height 를 통해 이미지 사이즈 조절이 가능(단위 없이 써도 px로 인식). css를 통해서도 변경 가능 🌱 비디오 autoplay : 자동재생 - 크롬에선 동작x, 사파리에서는 자동 재생 - 사용자에게 불쾌감을 줄 수 있으므로 꼭 muted와 함께 사용. muted : 음소거 - 크롬에서 autoplay옵션을 넣고 싶을때는 꼭 함께 사용해야 함. controls : 프로그래스 및 재생버튼들 노출 width, height 를 통해..
-
캐스케이드, Cascading 이란? css에는 캐스케이드 라는 개념이 있다. Cascade. 작은 폭포, 여러 단으로 된 폭포 라는 뜻이 있다. 그럼 css에서의 캐스케이드는 어떤 의미일까? 원래의 뜻처럼 폭포처럼 규칙에 따라 CSS규칙을 적용하는 것을 뜻한다. "종속"이라고 번역을 하기도 하며, 우선순위에 따라 속성이 적용된다. 1. 시트별 우선순위 style.css > 브라우저 기본 스타일시트 - 두개에 동시에 동일한 선택자가 존재하면, 우리가 작성한 코드의 우선순위가 높다. 즉, 디폴트로 제공하는 것에 우리가 원하는 대로 추가를 했다고 생각하면 되지 않을까? 2. 코드순서 위쪽 < 아래쪽 - 위에서 아래로 흐르는 느낌으로 동일한 속성값이 있다면 가장 아래쪽의 코드가 반영이된다. 예를들어 하나의 클..