html/css실습

HTML, CSS 기본 페이지 만들기 프로젝트 시작 목업 이미지를 따라 스스로 html, css로 비슷하게 만들어보는 실습 프로젝트 시작했다. 완성 한 다음에는, 해설강의를 보며 부족한 부분 및 더 효율적인 방법을 익히는 방식이다. 오늘 완성한 부분 : 타이틀 부분

css 이미지 사진에 커서 올리면 흰 테두리 효과 뜨게 하기이 부분에서 div 박스를 가로열로 배치하고, 가로열로 배치한 박스들을 세로열로 배치하여 합쳤다.position: absolute를 이용하여 흰 테두리 div 박스가 (속은 투명) 그림 위에 뜨게해놓고, 안보이

display : flex 속성 : 해당 속성을 활용하여 화면을 동적으로 배치했다.(부모요소에 할당해야 자식속성에 flex관련 속성을 사용할 수 있다.) media 쿼리 속성: 화면이 특정 넓이만큼 좁아질 경우, 유동적으로 배치가 변경되도록 구성 => 핸드폰, 테블릿