padding 글자 문단과 경계 테두리 사이의 간격 border 패팅을 감싸는 경계 테두리 margin 전체 웹 페이지와 border 사이의 거리

폰트 설정 구글웹폰트를 사용하여 원하는 폰트 설정 가능 하단 링크 접속 https://fonts.google.com/?subset=korean&noto.script=Kore 원하는 폰트 설정 후 굵기 등을 정하고, 두 가지 코드를 복사하여 style tag 자리에 입력 style 코드 font 선언 코드 완성도 높은 CSS 사용: 부트스트랩 버튼이나 카드 등 완성도 높은 디자인을 사용할 수 있음. 위와 같이 head tag 안에 link, script에 부트스트랩 사용을 위한 코드를 넣어줌. https://getbootstrap.com/docs/5.0/components/buttons/ 위 link에 접속하여 원하는 스타일을 선택하여 해당 tag를 붙여넣어줌. ...내용... -> 해당 내용을 부트스트랩..

사용방법 head 안에 style tag 생성 css 이름 설정 및 내용 입력 로그인 페이지 ID: PW: 로그인하기 CSS 종류 배경관련 background-color background-image background-size 사이즈 width height 폰트 font-size font-weight font-family color 간격 margin padding reference 스파르타코딩클럽_웹개발종합반_강의자료

Cascading Style Sheets : 웹 페이지의 디자인적 요소를 설명하는 스타일 시트 언어 HTML, JS와 같이 사용 됨. 기타 관련 용어 정리 XML(eXtensible Markup Language)기계가 읽을 수 있는 형식으로 문서를 인코딩하는 규칙/언어. 마크업/마크다운 언어 차이: 마크업이 좀 더 복잡하고 css,JS등과 함께 사용가능. 마크다운(웹사이트, 노션, ReadMe파일...)은 더 간단하지만 사용 범위가 좁음. 스타일시트언어 종류 SASS(Syntactically Awesome Style Sheets) LESS(Leaner Style Sheets) Stylus XSL-FO(eXtensible Stylesheet Language Formatting Objects)

HTML, CSS를 이용하여 정적 Web Page 구성 HTML의 태그로 전체 뼈대를 설정하고, CSS로 디자인 관련 기능을 수행가능 web editor 'visual studio code' 사용 확장 기능 'Live Server'를 사용하여 editor 수정 내역이 바로 창에 보이게 이용 가능 'Google Fonts' 사용하여 폰트 조절 '부스트렙' 사용하여 버튼, 창 등의 UI object 삽입 가능 단축키: shift + option + F 들여쓰기 자동정렬