moonday

*시간이 지나면 계속 헷갈려해서 메모 포함(하위)관계=> 같은 것을 말하는 건 없음. 더 안으로 구체적인 것을 찾으러 들어가는 과정 li a .active => li태그안에 a태그 안에 active라는 클래스명을 가진 것 동등관계 => a태그와 active클래스명은 같은 것을 말하는 것 li a.active => li태그 안에 a태그이면서 active라는 클래스명을 가진 것 (*띄어쓰기를 안함) script태그에서도 적용가능

네이버를 더 안전하고 편리하게 이용하세요 NAVER 로그인 아이디 비밀번호찾기 회원가입

꼭더보기↓ 더보기 하늘색배경box안에 토마토색inner-box가 있는데 걜 margin-:10px으로 오른쪽으로 좀 더 넓혀둠 보라색테두리가inner인데, 그걸 반으로 쪼깸( width:50%;) 파란색테두리가 sub인데 보라색반쪽짜리 안에서 margin:10px으로 왼쪽으로 밀어서 박스를 작게 만들어서 => 파란색박스 사이에 공간이 생김

Greek Yogurt! 오늘은 2021년 06월 15일입니다. 연어장인의 손맛! 여기가 어디게 진짜 맛있는 곳인데, 이곳은 바로바로바로바로 연어장인의 손맛! 여기가 어디게 진짜 맛있는 곳인데, 이곳은 바로바로바로바로 노란 우산! 비가 추적추적 내리면, 꼭 노란 우산으로 기분을 전환하세요!

더보기 .box:hover .box1{display: none;} => box에 hover했을 때 .box밑에 포함된 .box1 찾아서 display를 none .box:hover .box2{display: block;} => box에 hover했을 때 box밑에 포함된 .box2 찾아서 display를 block 박스1 박스2

더보기 - opacity: 투명도를 조절하는 속성, 값은 0~1 - 1 : 완전 불투명, 밑에있는 내용이 안보임, 기본값 - 0 : 완전 투명, 위에있는 배경이 아예 안보임 - rgba : (red, green, blue, alpha) - red : 빨강색 색상정보, 0~255 - green : 초록색 색상정보, 0~255 - blue : 파랑색 색상정보, 0~255 - alpha : 투명도 안녕하세요.

더보기 화면크기에 따라서 페이지의 구성을 다르게 표현하는 페이지를 반응형이라고 함 해당 화면 크기일 때, 안에 있는 CSS를 적용 : - 생김새: @media 화면크기{ 선택자{속성들;} } - 생김새 해설 : @midea[미디어타입 and] 화면크기{ 선택자{속성들;} } - 미디어타입 - all : 모든 장치(기본값) - print : 프린터에 사용 - screen : PC, 태블릿, 스마트에 사용 - speech : 스크린리더기가 페이지를 읽는데 사용 - 화면크기 - (min-width : 값) : 값(ex:600px) 이상 - (max-width : 값) : 값(ex:600px) 미만 - @media를 이용하여 반응형으로 만들 때 배치 순서가 중요 min-width:600px => 최소 600너비..

더보기 - display - block - inline - inline-block - none : 요소를 안보이게 함. 요소의 위치를 없앰 - flex : float과 비슷한 효과 - visibility : 요소를 보여줄지 말지를 결정하는 속성 - hidden : 요소를 안보이게 함. 요소의 위치는 그대로 내버려둠. - flex : flex-grow, flex-shrink, flex-basis를 한번에 쓰는 속성 - flex-grow : 자식요소가 작아서 공간이 남을 때 어떻게 처리할지를 설정 - 0 : 기본값 - 1 : 모든 자식 요소들이 1이면 크기가 같음 - 양수 : 숫자가 커질수록 - flew-shrink : 자식요소가 커서 공간이 부족할 때 어떻게 처리할지를 설정 - 0 : 기본값 - 1 : 모..

더보기 div로 상자를 만들어서 resize를 할 때, overflow:auto를 같이 써줘야지 작동함 - resize : 화면에서 요소의 크기를 조절하는 속성 - none : 크기를 조절할 수 없게 함 - vertical : 높이 조절 가능 - horizontal : 가로 조절 가능 - both : 가로 높이 조절 가능

더보기 - column-count : 다단 갯수 - column-gap : 단과 단 사이에 여백 - column-rule : 단 선 모양 - column-span : h태그가 포함되면 해당 부분에 단을 해제할지 말지를 결정하는 속성 - column-width : 한 단의 너비 도시어부3과 강철부대가 만났다 채널A 콘텐츠 유니버스 '도시어부3'와 '강철부대'의 만남은 방송 전부터 큰 화제를 모은 바 있다. 이날 방송에서는 양 팀의 불꽃 튀는 첫 만남이 흥미진진하게 펼쳐지며 앞으로 벌어질 낚시 대결에 대한 궁금증을 한껏 끌어올렸다. 첫 등장한 박군은 형님들을 무장해제 시키는 밝은 미소와 찐 리액션으로 현장을 접수했다. 흥겨운 트로트 가락으로 춤사위를 보이는가 하면 황충원과 함께 애교 넘치는 손가락 하트를 연..