CSS

오늘 진행한 사항들

본 학습은 1분 코딩 'CSS 레이아웃 - 처음부터 반응형 웹까지 핵심만 간단히 정리해 봅시다.' 을 시청하고 모르는 내용을 정리하였다.1\. CSS Layout : 기본 ~ 반응형 웹

외부의 별도 파일을 html에 연결하는 방법을 정리하려 한다.1) < link>link방식이 많은 css 파일을 관리하기에 편하며, 빠르게 로딩된다.다만 사용시 유의 점이 있는데 '경로 설정 (href)'부분 이다.경로 설정할 때 상대경로와 절대경로, 외부경로 작

(:active, :hover, :focus)가상셀렉터란?보통 선택자는 HTML 태그, Class, ID 등 HTML 요소를 직접 선택하여 CSS를 통해 꾸며주는 반면, 가상 선택자는 요소의 상태에 따라 선택하여 꾸며준다. :hover를 이용하면 마우스가 해당 요소 위

오늘은 반응형 웹사이트 수업을 들으며 나왔던 CSS box-shadow에 대해 기록하고자 한다.box-shadow란 무엇인가?박스 요소의 그림자를 설정 하는것으로, 그림자의 위치나 그림자의 퍼짐 정도 및 크기와 흐림의 정도를 정할 수 있다.box-shadow : h-s

오늘은 반응형 웹사이트를 만들면서 사용한 transform 과 transition property를 복습하고자 한다.헤더 페이지를 만드는 모습을 캡쳐했는데, 강의에서는 하단의 첨부된 사진처럼 아이콘 위로 글자를 정렬하고자 하였다. 단순하게 left,right값을