HTML&CSS 편집기 설치, CSS 기초 스타일 HTML5 CSS3 개발 환경 웹 편집기 : visual studio code 사용. 실시간 코드 적용 화면 보기 위해 'Live Server' 확장 프로그램 설치. 실행방법 : 작성 화면에서 마우스 우클릭 -->
구글폰트 바로가기(무료)한글, 영어 호환 font 검색굵기 선정, font select.view selected families 선택하여 selectedfonts 확인.basic.html눈누폰트 바로가기(무료)os에 맞는 다운로드 후 ttf확장자를 eot와 woff로
margin과 padding, 요소 겹침. 01basic.html 컨텐츠 정렬 align.html 백그라운드 속성 background.html
list.htmlpractice.htmlbasic.htmlboard.html
basic.html
포지션 기본 basic.html fix fixed.html z-index zindex.html 메뉴 만들기 예제 ex.html
transform(변형)속성 interaction.html
video 01basic.html 유튜브 iframe 태그 vimeo iframe 태그 vimeo 바로가기 pesudo-class(가상클래스) peseudo-element.html
semantic semantic.html
SVG아이콘 파일 다운로드(SVG : 태그를 이용하여 파일의 속성(색상) 등을 변경 가능하게 함.)illustrator 실행 후 SVG 파일 OPENWindow -> color 선택변경하고자 하는 색으로 바꿔주기 -> 저장Visual Studio Code에서 style