CSS | border-spacing, border-collapse
·
HTML,CSS
border-spacing 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 정합니다. 기본 값 : 2px border-collapse https://www.codingfactory.net/10616 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 어떻게 처리할 지 정합니다. separate : 표(table)의 테두리와 셀(td)의 테두리 사이에 간격을 둡니다. collapse : 표(table)의 테두리와 셀(td)의 테두리 사이의 간격을 없앱니다. 겹치는 부분은 한 줄로 나타냅니다. initial : 기본값으로 설정합니다. inherit : 부모 요소의 속성값을 상속받습니다.
VSCODE | CSS - flex
·
HTML,CSS
https://heropy.blog/2018/11/24/css-flexible-box/ CSS Flex(Flexible Box) 완벽 가이드 많은 경우 float, inline-block, table 등의 도움을 받아서 수평 레이아웃을 구성하지만 이는 차선책이며, 우리는 Flex(Flexible Box)라는 명확한 개념(속성들)으로 레이아웃을 쉽게 구성할 수 있습니다. CSS F heropy.blog 레이아웃을 구성할 때 float, position을 사용하지만, flex문법을 통해서도 할 수 있습니다. flex 레이아웃은 부모박스에 flex를 선언하고, 안에 있는 박스요소를 유연하게 배치하는 속성입니다. 부모박스 (Container) - display - flex-flow : flex-decoratio..
VSCODE | HTML
·
HTML,CSS
화면 출력을 바로 확인하기 위한 플러그인 설치 Extension -> Live Server 설치 Html 우클릭 Open with Live Server 클릭하면 화면에 출력됨 제대로 출력 안되면 브라우저 변경하는법 단축키 실행 : html:5 (구문) + 엔터 : html구문 자동완성 코드 실행 : ctrl + f5 코드 이동 : alt + 방향키 코드정렬 : alt + shift + f 글을 한번에 적을 수 있음 : alt + 커서(클릭) , esc 로 취소 한번에 여러번 적기 : 태그명 + tab 버튼 주석 단축키 : (행 주석)ctrl + / (전체)alt + shift + a삭제 : ctrl + shift + k 태그 제목 글자 글자 글자 글자 글자 글자 목록 목록 목록 목록 목록 목록 블럭, 인..