개발일지📝

CSS Navigation Bar 표준 틀 Home News Contact About 안녕하세요 💬 숫자로 정렬된 순서 있는 목록(Ordered List) 💬 점으로 순서 없는 목록(Unordered List) 💬 태그목록항목 정의 💬 하이퍼링크(링크)를 정의하는 태그 ( href 속성/ target 속성) ul { list-style-type: none; margin: 0; padding: 0;} 💬 list-style-type : 목록 요소(, )의 기본 목록 마커(marker)를 제거 💬 margin: 0; padding: 0; 브라우저 기본 값 초기화(reset)하는 데 사용하거나/ 웹 페이지의 레이아웃을 조정할 때 여백을 제어 CSS Vertical Navigation Bar ul { list-..

ViewPort : 사용자가 볼 수 있는 웹페이지 공간 Viewport 의 표시 영역은 장치별로 다르다. 뷰포트를 제어하기위해서는 모든 웹페이지에 아래 요소를 포함시켜야한다. 이 부분은 장치의 화면 너비를 따를 수 있도록 페이지 너비를 설정함 width=device-width 이 부분은 페이지가 브라우저에 처음 로드 될 때 초기 확대/축소 수준을 설정함 initial-scale=1.0 추가 규칙 https://www.w3schools.com/css/css_rwd_viewport.asp

반응형웹페이지 를 만들때 사용한다. 특정 부분에 미디어쿼리로 BreakPoints 를 설정해서 반응형 웹페이지를 만듬 width and height of the viewport - 뷰포트의 너비와 높이 width and height of the device - 기기의 너비와 높이 orientation (is the tablet/phone in landscape or portrait mode?) - 방향 resolution - 해결 1. 장치 (뷰포트 크기가 다른 경우) /* Extra small devices (phones, 600px and down) */ @media only screen and (max-width: 600px) {...} /* Small devices (portrait tablets..