왕초보css
-
css 왕초보 탈출하기 04 - position (2/2) top,bottom,left,rightCSS 왕초보 탈출하기 2020. 4. 30. 00:24
css 왕초보 탈출하기 04 - position (2/2) top,bottom,left,right 지난시간 정리: position:absolute가 걸린 자식요소는 위치한다. 어디에? 해당 자식을 감싸고 있는 position:relative가 걸린 부모요소에 (바로 위에 가까운 직계 부모요소에 relative가 없다면, 그다음 감싸고 있는 부모요소, 그것도 없으면 그 다음 부모요소를 기준으로 위치한다. ) 그렇다면 position:absolute가 걸린 속성에 top, bottom, left, right 속성을 부여하면 어떻게 될까? .father{positon:relative;} .child{position:absolute; top:20px;} .child는 father를 기준으로 20px이동한다. 그..
-
CSS 왕초보 탈출하기 02 - block 속성 (1/2)CSS 왕초보 탈출하기 2020. 4. 22. 21:45
여느때와 같이 출근을 위해 지하철을 탓다. 문이 열리고 맞은편엔 의자가 보이는데 이상하게도 한 사람만 앉아있다. 의자 가운대에 한사람만 앉아있다. 어 ? 뭐지? 잠이 덜깻나? 멍한 정신을 차리고 다시보았다. 그리고 이내 눈길을 거둘 수 밖에 없었다. 눈 마주치기도 끔찍이 무서운 인상의 중년의 남성이 혼자 앉아 있었기 때문이다. 아무도 그의 옆에서 앉아가기는 싫은 모양이다. 그 무서운 남성의 이름은 'block' 블럭이라는 사람이다. 특유의 분위기와 덩치 때문에 항상 지하철 한줄 모두를 혼자 차지한다. BLOCK요소란 ? 내가 p태그 생활을 17번쨰 줄에서부터 시작했다. 그 나이때 p태그 시작한 놈이 백명이라 치면은.. 지금 나만큼 사는 놈은 나 혼자 뿐이야. 나 블록 속성이 누구냐? 언제나 새로운 줄에서..