CSS

CSS(Cascading Style Sheets) : 웹페이지의 스타일과 레이아웃을 정의하는 스타일시트 언어인터페이스 : 컴퓨터와 교류하기 위한 연결고리CLI(Command Line Interface) : 명령어 인터페이스, 사용자가 터미널을 통해 애플리케이션과 상호작

절대 단위 (Absolute length units) : 다른 것과 상관 없이 항상 동일한 크기인 단위 px pt | 단위 | 관련 사항 | |:---:|-----| |px|픽셀| |pt|포인트| 기기나 브라우저 사이즈 등의 환경에 영향을 받지 않는 절대적인 크기로

: 줄바꿈이 일어나는 박스<div> <h1> <p> : 줄바꿈이 일어나지 않고, 사이즈를 지정할 수 없는 박스<span>예를 들어, <span> 요소에 width="100px"; height="100px" 스타일을 지정해도, 사이즈는 변하지

: 문서의 모든 요소를 선택한다.: 같은 태그명을 가진 모든 요소를 선택한다.복수 선택할 수 있다.: \`\`\`\`css: 속성의 존재 여부나 속성의 값에 따라 선택한다.e\[attr] : attr 속성을 가진 요소를 선택e\[attr="value"] : attr 속

: 웹 또는 애플리케이션을 개발할 때 레이아웃의 뼈대를 그리는 단계로, 단순한 선과 도형으로 웹/앱의 인터페이스를 시각적으로 묘사한 것이다.위의 와이어프레임은 화면의 영역을 구분하고, 각 영역에서 사용할 주요 태그들을 표시한다.: 실물 크기의 모형실물 제품이 없는 무형

flexbox = Flexible Box Moduleflexbox 내의 아이템 간의 공간 배분과, 정렬 기능을 제공하는 레이아웃 모델레이아웃을 다룰 때 한 번에 하나의 차원(행 or 열)만을 다룬다. = 1차원 모델display: flex 부모 박스 요소에 적용해, 자

: 텍스트에 장식용 선을 추가하는 단축 속성으로 다음의 하위 속성들을 포함하고 있다.property : text-decorationconstituent properties : text-decoration-line (text-decoration-color) (text-d

: 부품 단위로 UI 컴포넌트를 만들고, 페이지를 조립해나가는 상향식 개발 방법BBCUN모바일, 태블릿 등 다양한 디바이스가 등장하고, 웹 사이트가 점점 복잡해지면서 CSS가 점점 복잡해지고 유지보수가 용이한 CSS를 작성하기 어려워졌다.➡️ CSS 작업을 효율적으로

position : 문서 상에 요소를 어디에 배치할지 지정하는 속성 top, right, bottom, left 속성과 함께 사용하여, 요소를 배치할 최종 위치를 결정한다. static(기본값) : 일반적인 문서의 흐름에 따라 배치되며, 상하좌우 속성값의 영향을 받지