728x90
반응형

margin 2

비주얼 스튜디오 코드⑩ 레이아웃 심화

index: 홈페이지 주소 뒤에 index.html이 숨어있음, 홈페이지 창을 불러오겠다는 뜻 https://www.naver.com/index.html 네이버 네이버 메인에서 다양한 정보와 유용한 컨텐츠를 만나 보세요 www.naver.com body: 골격 css: 골격을 꾸미는 스타일 언어 스크립트: 동작하게 하는 언어 padding: 안 쪽 여백, 블럭이 패딩값만큼 늘어남 그래서 패딩값만큼 포함해서 블럭 w / h 조정해야함 box-sizing: border-box; padding 값 계산없이 w / h를 패딩값 포함하여 알아서 크키조정해줌 *{} 전체 태그에 적용해줌 margin: 바깥 쪽 여백 모두 0으로, 즉 초기화 해줘야 위치계산할 때 편리함 margin=0; padding=0; *{} 전..

웹 디자인 header.html

포토샵 새로만들기 > 문서설정 w1200 * h700 rgb컬러 설정 [레이어추가] -header -banner -contents -footer style > fixed size 변경 후 height 100 / 300 / 200 눈금자 표시 style > normal 변경 포토샵 보다 피그마가 더 유용하게 사용함 영역 지정후 레이어 별 alt+delet 연한색으로 칠하기 비주얼스튜디오에서 넘어와서 포토샵에서 디자인한 정보를 토대로 스타일을 변경해줌 div 기본적으로 마진값이 적용되어있다. div 마진값 설정 마진값 0을 주고싶다면 margin: 0px; * : 모든영역에 적용 > 모든 영역에 디폴트로 적용 padding: 글자에 여백이 들어감 여백 치수는 시계방향으로 적용된다. 모든 모니터에 적용하기 위..

728x90
반응형