기본 문법 **선택자 { 속성명: 속성값; }** 선택자 : 어떤 요소에 스타일을 적용 할지에 대한 정보 {} : 선택한 요소에 적용할 스타일을 정의하는 영역 속성명 : 어떤 스타일을 정의하고 싶은지에 대한 정보(색상, 크기 등) 속성값 : 어떻게 정의하고 싶
**선택자{ 속성명: 속성값; }** 어떤 요소에 스타일을 적용할 것인지에 대한 정보 선택자의 종류 기본 선택자 그룹 선택자 특성 선택자 결합 선택자 의사 클래스 의사 요소 기본 선택자 전체 선택자 모든 요소를 선택한다. *(애스터리스크)는 문서 내의 모든 요소
텍스트 관련 속성 font-family : 글꼴 정의 font-size : 글자 크기 정의 text-align : 정렬 방식 정의 color : 글자 색상 정의 font-family 요소를 구성하는 텍스트의 글꼴을 정의한다. 쉼표를 통해 우선순위를 정할 수 있다.
HTML(Hypertext Markup Language)의 요소는 역사적으로 "블록 레벨" 요소와 "인라인" 요소로 분류됐습니다. 기본적으로 블록 레벨 요소는 부모 요소의 전체 공간을 차지하여 "블록"을 만듭니다.MDN-블록 레벨 요소해당 태그를 설정하면 항상 새로운
모든 HTML 요소는 박스(box) 모양으로 구성되며, 이것을 박스 모델(box model)이라고 부릅니다.박스 모델은 HTML 요소를 패딩(padding), 테두리(border), 마진(margin), 그리고 내용(content)으로 구분합니다.1\. 내용(conte
요소가 문서의 일반적인 흐름에서 제외되어 자신을 포함하고 있는 컨테이너의 왼쪽이나 오른쪽에 배치되게 한다.공간은 차지하고 있다.none : 기본값, 원래 상태left: 자신을 포함하고 있는 박스의 왼편에 있어야 함right: 자신을 포함하고 있는 박스의 오른편에 있어야
position position은 문서 상에 요소를 배치하는 방법을 정의한다. position이 요소의 배치 방법을 결정하면 top, bottom, right, left가 최종 위치를 결정하는 방식이다. static : 기본값, 요소를 일반적인 문서 흐름에 따라 배
flexbox display : flex; 박스 내 요소 간의 공간 배분과 정렬 기능을 제공하기 위한 1차원 레이아웃 모델이다. flexbox를 1차원 레이아웃 모델이다. 레이아웃을 다룰 때 한 번에 하나의 행이나 열만을 다룬다 flexbox를 flex 컨테이너라