css

[CSS]-3. GRID와 FLEX

안녕하세요. 오늘은 grid와 flex에 관해 알아보겠습니다. 웹에는 레이아웃 영역이 존재합니다. 이러한 레이아웃 영역은 구획 부분에서 그 내용을 알려드렸는데요. 우리는 레이아웃을 통해 우리만의 공간을 만들 수 있습니다. 예를 들어 상단에 로고를 배치한다던지 아니면 메인 영역에 다양한 내용을 포함한다던지 이때 css에서는 display를 통해 해당역역이 어떤 방식으로 배치하는지 설정할 수 있습니다. 이때 우리는 display: grid 혹은 display: flex를 통해 레이아웃 배치되는 영역에 관해 설정 할 수 있습니다. grid와 flex의 차이로는 해당되는 영역의 해당되는 (박스)의 영역에 관해 말할 수 있습니다. grid의 박스의 영역으로는 2차원으로 수직과 수평을 동시에 설정할 수 있는 반면에..

[CSS]-1. 적용방법 및 선택자

오늘부터 CSS를 배우기 시작했습니다. html과 마찬가지로 학원에서 배우는 내용을 중점으로 정리해보겠습니다!! 오늘은 적용방법과 선택자에 대해 간단히 알아보겠습니다 :) HTML 요소에 'style' 속성으로 적용 HEAD 요소 안에 One Two Three Four Five Six 클래스 속성이나 ID 속성과 같이 대표적인 속성이 아닌 태그 안의 특정 속성을 가지고 스타일을 지정하는 방법 청춘 고양이 선택자 뒤에 : 를 붙이면 특정 상황마다 적용할 스타일을 설정. 각 선택자 뒤에 클론(:)을 적고 명시 몇 가지의 가상 선택자를 알아봅시다. 가상 선택자 :link 방문한 적이 없는 링크 선택 :visited 방문한 적이 있는 링크 선택 :hover 마우스를 가져다 (롤오버) 둘때 발생 :active 마..