CSS

블로그로 기록남기는 걸 잊고 냅다 과제만 달린 첫 주.강의도 듣고 과제도 결석없이 진행했으나 기록물로 남기질 않으니 다 날아갔다. 첫주라서 퀴즈가 대부분이고 코드숙제는 2개뿐이어서 간신히 넘어간 듯. 개발이라는 분야에 처음으로 맛을(?) 본 한 주였다. 이게 왜 안되지

부모 element의 CSS를 dixplay: flex;로 지정주축: 수평, 교차축: 수직이 디폴트값justify-content: 옵션; 주축에 적용align-items: 옵션; 교차축에 적용\-> justify-content 옵션 : center, space-even

position: fixed; 레이아웃 상에서 그려진 초기 위치에 고정top, left, right, bottom이라는 property 중 하나만 수정해도 block, margin 신경쓰지 않음. 가장 위에 있는 다른 레이어로 넘어감.\*opacity: 숫자; 투명도

좀 더 세부적으로 element를 선택하여 조절가능\*이전에 알던 3가지은 방법 tag 이름만 쓰기 / \-> even:짝수마다, odd:홀수마다 적용\-> 3n+1마다 적용, 이런 식으로 4n, 5n+1 다 적용가능.

: p 속 span을 의미부모 tag인 div 밑에 속하는 모든 자식태그 span을 지정. 직접적 부모 아니어도 해당.부모 tag인 div 바로 밑의 자식tag인 span을 지정p와 같은 선상에 있는 span 태그를 지정 (sibling)

input:optional {} -> 필수 입력 대상이 아닌 input에 적용input:required {} -> 필수 입력 대상인 input에 적용value라는 단어를 지정 (value 라는 단어 앞뒤에 공백이 있는 상태)value라는 단어가 포함되어 있는 모든 것을