95일: 2-3차 프론트작업 - 디테일
2022.04.04.Mon.
✅ 2-3차 프론트작업
디테일 잡기
미디어쿼리
<style>
@media all and (min-width:320px) {
#wrap div{
width:100%;
}
}
@media all and (min-width:768px) {
#wrap div{
width:50%;
}
#wrap div:nth-child(5){width:100%;}
}
@media all and (min-width:1024px) {
#wrap div{
width:20%;
}
#wrap div:nth-child(5){width:20%;}
}
</style>
파비콘 ✔
img alt값 채우기 ✔
option selected disabled ✔
input:focus , style: none?
<form id="form">
<input type="text" placeholder="text input">
<input type="password" placeholder="password">
</form>
var form = document.getElementById("form");
form.addEventListener("focus", function( event ) {
event.target.style.background = "pink";
}, true);
form.addEventListener("blur", function( event ) {
event.target.style.background = "";
}, true);
table 간격 값
Author And Source
이 문제에 관하여(95일: 2-3차 프론트작업 - 디테일), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@wontwopunch/95일-2-3차-프론트작업-디테일저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)