인프런: 입문자를 위한 css 기초 강의를 보고 공부한 기록
css는 Cascading style sheet의 약자
css는 html과 함께 일함. 단독으로 있으면 그저 텍스트임.
주석: 사람에게는 보이지만 컴퓨터에게는 보이지 않는 코드
-/* 으로 시작하고 닫음
css 코드를 html 문서에 적용하기 위한 방법:
- 인라인 스타일
- 스타일 태그
- 문서간의 연결
선택자
어떤 요소에 대한 스타일을 정의할지에 대한 정보
선택자는 여러 종류가 있음
동일한 선택자 존재시 뒤에 있는 스타일이 적용
우선순위 고려 필요
텍스트의 속성
font-family
font-size
text-align
color
블록레벨 요소:
영역의 너비를 모두 차지
인라인 요소:
필요한 만큼의 공간만 차지
border 속성은 테두리를 그릴 수 있는 단축 속성
박스 모델:
브라우저는 사각형으로 표현됨.
여백은 상하좌우의 4면에 존재하는 영역임.
float 속성는 문서의 일반적인 흐름에서는 제외되지만 필요한 만큼의 공간은 차지함.
flexbox=flex container
-주축(main-axis)
-교차축(cross-axis)
특정 선택자: 주어진 특성의 존재 여부나 값에 따라 요소를 선택한다.
의사 클래스는 선택자에 추가하는 키워드
-상속
상속 가능 여부는 속성마다 다르다
inherit은 상위 요소로부터 값을 물려 받는다는 뜻
initial은 기본값을 사용하겠다는 의미
unsetd은 상위 요소로 부터 물려받을 수 있으면 물려 받고, 물려 받을 수 없으면 기본값을 사용하겠다는 의미임.
👎