조반짝의 도전일지

뮤직플레이어 만들기 ●figure/ figcaption: 이미지와 이미지설명 태그 ●h1 은 한번만 쓰자. 가장 큰 타이틀은 로고라고 생각하고 한번만 사용 ●strong: 강조태그 ●b: bold 글씨 진하게 html mark up fontawesome 에서 bar 아이콘 넣기 css reset css edit 폰트어썸밖에 a태그로 감싸주고 class 지정 박스 만들기 section > article > .inner 8개 생성 css edit vh, vw 로 사이즈 설정시에 화면창에 따라 크기가 변하기 때문에 반응형이 따로 필요 없다 하지만 세부적인 작업과 컨트롤하기 어렵다는 단점이 있음! 정중앙에 section(box) 위치시키기 border-radius 적용, section 테두리 지우기 45도씩 박..

html 생성 linear-gradient(각도, 색상코드) - 직선 그라디언트 색상 코드 두가지로 사용하면 한 가지 명령어가 안 먹을 시에 둘 중 하나가 들어올 수 있도록 한다. 전에는 브라우저마다 속성이 다르기 때문에 배경색과 그라디언트색상을 두가지 사용했지만 지금은 거의 브라우저가 통일된상태이다. _가운데 정렬 3총사 flex: 자식들을 옆으로 보내주는 것이 특징 alian-items: center; - 세로 가운데 정렬, 높이값이 있어야 적용이 됨 justfy-content: center; - 가로 가운데 정렬 border-radius: __px 는 이미지위에 피규어가 있기 때문에 이미지에 명령을 줘야함 figcaption이 움직이려면 부모(figure)가 기준점(relative)이 되어야함 fi..