개발캡슐

Position Position CSS Position 속성은 문서 상에 요소들를 배치하는 방법을 지정하는 속성이야. position속성을 이용하면 텍스트나 이미지를 원하는 위치로 배치할 수 있고, 어떤 방식으로 놓을 지 결정할 수 있어. 요소를 배치할 최종 위치는 top, right, bottom, left 속성이 결정해줘. - 만약 position 속성에 대한 이해없이 css를 수정한다면 예상치도 못하게 블로그 레이아웃이 이상해지거나 망가질 수 있어서, position 속성에 대한 건 제대로 짚고 넘어가야해. Position 속성 종류 Position 속성에는 5가지가 있어. static | relative | absolute | fixed | sticky static - 요소를 문서 흐름에 맞추어 ..

display display 속성 - CSS에서 display 속성은 웹 페이지의 레이아웃(layout)을 결정하는 CSS의 중요한 속성 중 하나야. - 웹페이지 화면에서 요소들이 언제 어떻게 보여지고, 다른 엘리먼트와 어떻게 상호 배치되는 지를 결정해. - display 속성은 none, block, inline, inline-block 4가지가 있어. - 대부분의 HTML 요소는 display 속성의 기본값으로 블록(block), 인라인(inline) 두 가지 값 중 하나의 값을 가져. 블록(block) - 블록 요소는 항상 새로운 라인에서 시작해. - 컨텐츠 영역의 전체 너비를 차지해. - 블록 요소는 width, height, margin, padding 속성을 모두 가질 수 있어. - 대표적인 ..

1-1강. 배울 것들 - 웹의 동작개념, HTML, CSS(부트스트랩, 폰트, 주석, 파일분리 등) 1_웹의 동작 개념 ㄴㅇㅂ 해킹하면서 동작 원리에 대해 알아버좌 ㄴㅇㅂ에 들어가서 1) "뉴스홈"버튼 마우스 오른쪽 버튼 클릭 2)"검사"버튼 클릭 3) 검사창 뜸 4) 해당 글자에 대한 부분의 태그가 지칭되어 있음. 5) 해당 글자 "뉴스홈" 위치 두둥. 그리고 5) 해당 글자 "뉴스홈"을 더블 클릭해서 쓰고싶은 거 쓰고 변경하고나면 5)뉴스홈 글자가 변경한 글자로 바뀜. 그러면 1)해당 글자 자리에 글자도 바뀜! 첫번째 힌트, 전세계 사용하는 유저의 사전 글자를 바꾼게 아니야! 내 것만 바뀐 거 두번째 힌트, 여기서 인터넷을 꺼도 페이지는 그대로 있어. 세번째 힌트, 대신 뭘 누르면 그 때 페이지가 없..