수업정리/html&css (2) 썸네일형 리스트형 css 기초 정리 css 수업 내용 정리 유용한 VS 익스텐션 Live Server Preview vs코드 우측에 바로 live server 실행됨 CSS기초 전체선택자 (*) 타입선택자 h1{ color: red; } h2{ color: yellow; }... 아이디 선택자와 클래스선택자 특정 요소(태그)에 디자인 주고 싶을 때 사용 아이디 선택자(#) 큼직큼직하게, 어지간해선 1번만 사용 클래스선택자(.) 세부적인 값들, 하나의 태그에 여러개의 클래스를 줄 수 있음 계층 선택자 위치를 기준으로 디자인 적용 (html의 tree 구조를 이용) 자손 선택자 띄어쓰기로 자손을 표시함 (자기 밑 트리 전체에 적용됨) 자식 선택자 꺾쇠 사용 (>) (자기 자식만 적용됨) 근접후행 선택자 "+" 기호 사용 p 바로 옆에 오는 s.. html 정리 & visual studio 유용한 단축키 정리 #1 VS 익스텐션 & 몰랐던 단축키들 Auto Rename Tag 자동으로 html 코드 마무리 지어주는 익스텐션 Live Server 비주얼스튜디오에서 html 실행 Window + . 윈도우 이모티콘 Alt + l + o live server 실행 ! + Enter, html:5 자동으로 기본 html 설정 Ctrl + / 주석 처리 Alt + Shift + 아래화살표 밑줄에 같은 내용 복사 li*3 li태그 3번 반복 SETTING-JSON-SETTINGS.JSON 비주얼 스튜디오 주석 색깔 변경 등 Material Theme 화면 색깔 변경 #2 본문 태그 제목태그 (h1~h6) 본문내용태그 (줄바꿈) 본문내용태그 (옆으로) 특징이 없는 태그 개행 (break) 수평선 - 끝 태그 생략 가능(홀.. 이전 1 다음
