CSS 기본문법

css영역(스타일을 기술할 수 있는 영역) > ### 내부 스타일 방식 현재 이 문서에서 적용시키고자하는 스타일 정보들을 ``태그내에 가입하는 방식 이 html문서 내에 스타일 정보를 같이 기술하는 방식 1. 모든(전체) 선택자 : * 모든 요소들을 다 선택하고자 할 때 *{ 스타일속성 : 값; 스타일속성 : 값; ... }...

외부 스타일 방식 1. 속성선택자 스타일 정보만을 따로 기술하는 .css외부문서를 만들고 link태그를 통해서 연결시켜주는 방식 2. 자손(자식)선택자와 후손선택자 요소들이 중첩되어 작성 가능 자손 : 바로 하위에 요소들 / 후손 : 하위요소 전부 3. 동위(같은레

선택자 우선순위 태그선택자 -> 클래스선택자 -> 아이디선택자 -> 인라인스타일방식 -> !important

글꼴관련스타일 #ff1{ font-family: 궁서체; font-size

블럭요소 한줄로 영역을 차지하고 있는 요소 / 줄바꿈 발생 (div, p, pre, h) 인라인요소 content부분만 영역을 차지하고 있는 요소 / 옆으로 다른 속성이 올수 있음 (span, label, input, img, 글자...) 요소 content + pa

배치관련 스타일 position 상대위치(relative)와 절대위치(absolute) 고정위치(fixed) visivility 특정요소를 보이거나 보이지 않게하는 스타일 속성 float 페이지 내의 요소들을 띄워서 화면으로부터 왼쪽 또는 오

.flex-item{ color: black; font-size: 50px; padding: 24px; text-align: center; border: 1px solid red; width: 100px; flex: 1;