개발자의 낙원

구글크롬에선 html 코드를 볼수있는 inspect(검사) 기능이 있다. 1. Element 선택 대상의 HTML element 하나만 복사를 한다. 결과: https://s.pstatic.net/static/www/mobile/edit/20221228/mobile_222744719461.png" width="58" height="60" class="special_img_fold" alt="2023년 계묘년 토끼해"> 2. Outer HTML 선택 대상의 HTML element와 함께, 그 안에 포함된 element들도 복사를 해준다. ex)table이라면 그밑에 tr td 까지, ol이라면 그밑의 li까지 전부 복사를 해준다 결과: https://s.pstatic.net/static/www/mobile..

위치를 지정하기위해 명심할것 1.content is Everything요소가 전부다. 2.Order Comes From Code요소의 상대적 위치는 코드위치로부터 온다. 3.Children sit on parents하위 요소는 상위 요소 안에들어있다. Display-outside 속성들 block 다른 요소들과 같은줄에 위치할 수 없다. 윗줄과 아랫줄에 한줄씩 공백을 생성한다. width, height, margin, padding 속성명령어를 통해 크기를 조절할 수 있다. , , 순서리스트 (, , ), 등등 Inline 다른 요소과 같은줄에 위치할 수 있다. 박스의 주위에 공백이나 줄바꿈을 생성하지 않는다. 생성시 박스의 크기가 담고있는 내용물 (문장, 이미지)등에따라 자동으로 조절된다. 크기를 임의..