728x90

CSS 2

CSS의 레이아웃

1. position 프로퍼티position 프로퍼티는 HTML 요소의 위치를 결정하는 방식을 설정한다. 웹 페이지의 레이아웃을 구성할 때 필수적인 속성으로, 각 요소를 원하는 위치에 배치할 수 있게 해준다.position 속성 값은 static, relative, absolute, fixed 네 가지가 있으며, 각각의 특성은 다음과 같다.속성값 기준점 다른 요소에 영향 스크롤 시 동작static기본 문서 흐름영향 있음함께 스크롤relative원래 위치영향 없음함께 스크롤absolute상위 요소영향 없음함께 스크롤fixed뷰포트영향 없음고정 위치 유지 1) 정적 위치(static position) 지정 방식static은 position 프로퍼티의 기본값이다. 다른 태그와의 관계에 의해 자동으로 배치되며,..

프론트엔드 2025.01.22

CSS 기본 개념

1. HTML 과 CSS 연동 방법적용할 태그에 style 속성으로 넣기 (인라인 스타일)가급적 사용하지 않아야 한다. Hello World!  HTML 문서 Hello World!  HTML 문서 Hello World   2. SelectorHTML 문서의 특정 부분에 대해 렌더링 방법을 정의하기 위해서는 특정 부분을 선택할 수 있어야 함 CSS Selecotr는 이런 특정 부분을 선택하기 위한 문법이다.전체 셀렉터(``) : 모든 요소를 선택태그 셀렉터 : HTML 태그 이름으로 선택 (예 : p, div, span)클래스 셀렉터 (.) : 특정 클래스가 적용된 요소 선택ID 셀렉터(#) : 특정 ID를 가진 요소 선택속성 셀렉터([]) : 특정 속성이나 속성값을 가진 요소 선택전체 셀..

프론트엔드 2025.01.19
728x90
LIST