profile
안녕하세요. 우주먼지입니다.
post-thumbnail

pseudo selectors_2

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

2022년 6월 13일
·
0개의 댓글
·
post-thumbnail

Combinators

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

2022년 6월 13일
·
0개의 댓글
·
post-thumbnail

pseudo selectors_1

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

2022년 6월 12일
·
0개의 댓글
·

position

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

2022년 6월 12일
·
0개의 댓글
·
post-thumbnail

Flexbox

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

2022년 6월 12일
·
0개의 댓글
·
post-thumbnail

1주차-6.6~6.12

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

2022년 6월 12일
·
0개의 댓글
·