작업 중 서버에서 불러오는 요소의 위치가 같으나 불러오는 이미지가 다를경우, 이미지의 alt 또는 title 속성에 따른 css를 적용할 수 있다. 아래 css를 공유하는 두 태그가 있다. 이 이미지에 class를 부여할 수 없을때(외부에서 불러오는 요소 등), 스크립트를 사용해 class를 개별적으로 부여하여 작업하는 경우가 많다. 이미지 하나에 쓰이는 작업량이 많기에 스크립트를 사용하지 않고 CSS만 사용하여 이미지에 적용시키려 한다. 나는 boss 라는 이름(title)을 가진 img 태그에 margin-top : -10px을 주고싶었다. /* 예시 CSS */ img[title$="boss"]{margin-top:-10px;} img[alt$="boss"]{margin-top:-10px;} 이의 ..
Frontend/CSS
1. css에 오타 없는지 빼먹은 기호 없는지 확인합니다. 2. 1번이 아니라면 헤더 메타태그 선언을 확인합니다. title 선언 위로 아래 문구가 없다면 붙여넣어줍시다!
목표 :hover 이벤트에 대해 알기 특성 마우스를 올릴 요소를 A, 주고싶은 변화를 B 라고 칭했을 때. A:hover {B;} 형식으로 CSS를 작성해주면 됩니다. 학습 1) HTML 마크업 저는 각 텍스트에 마우스를 올렸을때 (hover 했을 때) 해당 글씨대로 색깔을 변경해보려고 합니다. 빨간색 파란색 검정색 배경, 하얀색 글씨 2) CSS 그리고 무쟈게 간단한 CSS .red:hover{color:red;} .blue:hover{color:blue;} .bnh:hover{color:white; background:black;} 결과
