값이 비어있을 때 보여주는 값 placeholder input::placeholder { color: #dddddd; } 반드시 입력해야 하는 값 required 자동 완성 autocomplete https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete

Premium Standard Basic 화질 최대 FHD HD 다운로드 무제한 월 30회 불가 ₩15,900 ₩10,900 ₩8,900 table { border: 1px solid red; /* 표 전체의 테두리를 빨간색으로 */ } th { border: 1px solid green; /* 제목 셀의 테두리를 초록색으로 */ } td { border: 1px solid blue; /* 각 셀의 테두리를 파란색으로 */ } table { border: 1px solid red; border-collapse: collapse; /*테두리 겹치기 */ } th { border: 1px solid green; } td { border: 1px solid blue; } table { border: 1px s..

캐스케이드(Cascade) 최종적으로 적용할 CSS 속성들을 결정할 때, 계단식 폭포처럼 CSS 규칙을 순서에 따라 합쳐서 적용하는 걸 의미 스타일 시트의 종류 브라우저에서 기본으로 제공하는 스타일시트(User Agent Stylesheet)는 똑같은 선택자를 쓰고 있다면 우리가 작성한 코드보다 우선순위가 낮습니다. 코드 상의 순서 코드에서 아래 쪽에 쓴 코드일수록 우선순위가 높습니다. 명시도 선택자마다 명시도 점수가 있는데요. 간단히 말해서 아이디 개수, 클래스 개수, 태그 개수를 적어서 점수를 비교합니다. 상속 부모 태그에 적용된 CSS 규칙은 자손에게도 상속되는데요. 모든 속성이 상속되는 건 아니고, 상속되는 속성들이 정해져 있습니다. 상속된 속성의 우선순위 조상 태그들에서 스타일이 모두 계산된 상..

VS Code 실행 후 파일 > 기본설정 > 확장 메뉴를 클릭한다. 색창에서 live server를 검색 후 설치버튼을 클릭한다. 새파일 아이콘을 클릭 후 파일명에 test.html을 입력하여 html 파일을 생성한다. 좌측 코드 탭에서 html:5를 입력하면 자동완성이 되는데 엔터를 쳐서 기본 코드를 생성한다. 좌측 코드 탭을 우클릭한 후 Open with Live Server 메뉴를 클릭한다. show preview를 볼수 있다.