1. 글꼴관련 스타일 속성 font-family 선택자 { font-family : 글꼴, 글꼴 } 글꼴 적용 - 앞에서 부터 우선순위 font-size 선택자{ font-size : 크기} 글꼴 크기 키워드(small - large...등) 단위 (px, em, pt.. 등) 백분율 (부모의 크기에 따라) font-style 선택자{ font-style : italic} 이텔릭체 변환 (obilque) default = nomal font-weight 선택자{ font-weight : 굵기} lighter. bold, bolder 100~900 (굵기) 2. 웹 폰트 사용하기 사용자 컴퓨터에 없는 폰트도 웹에 출력 가능 구글 폰트 : fonts.google.com @import url(' 폰트 주소 '..

1. 웹문서에 디자인 입히기 HTML로는 웹 사이트의 내용을 나열하고 CSS로는 웹문서의 디자인을 구성한다. (웹 표준) HTML은 PC의 웹브라우져 화면에 최적화 되어 있음. 따라서 인쇄, 다른 기기의 사용 제약이 있음. CSS는 HTML 변경 없이 기기에 맞춰 CSS 파일만 변경하면 되므로 효율적 반응형 웹디자인 - 웹 브라우저의 크기에 따라 레이아웃 자동 변경 2. 스타일과 스타일시트 스타일 형식 선택자 {속성 : 속성값; ....} p{ color: red;} 내부에서 스타일 시트 브라우저 기본 스타일 사용자 스타일 인라인스타일 내부스타일 외부스타일 인라인 스타일 간단한 스타일 정보를 적용할 때 대상에 직접표시 ~~~ 내부스타일 HTML문서에 저장하는 스타일 head 태그안에서 태그 안에 작성 외..

1.1 웹개발 정적 사이트(static) - 방문자에게 정보를 보여 주기만 하는 웹 사이트 동적 사이트(dynamic) - 친구추가, 좋아요, 공유하기, 구매, 결제 등 기능과 서비스 포함 서버와 클라이언트 서버 인터넷에 연결된 컴퓨터 텍스트, 웹요소, 사용자 정보등을 저장 클라이언트 웹사이트에 접근하는 PC나 스마트폰등 프런트엔드 개발과 백엔드 개발 프런트엔드 사용자 앞에 보이는 영역 다양한 브라우져 종류와 버전에 따라 작동하게 만들어야함 백엔드 보아지 않는 영역 데이터베이스 설계 데이터처리 웹개발의 기본 HTML, CSS, JavaScript 웹문서의 뼈대를 만드는 HTML 웹문서를 꾸미는 CSS 사용자 동작에 반응하는 자바 스크립트 HTML이란? 웹문서를 만드는 언어 Hyper Text Markup..