생활코딩 WEB2 - CSS 과정 ! + 후기 생활코딩 WEB2 - CSS 수업을 완강했습니다! 이전 게시물 보기 : 생활코딩 WEB1 후기 생활코딩의 WEB2 과정 중 CSS 수업을 완강했습니다. 최소한으로 배워 최대한으로 써먹을 수 있는 수업답게, CSS에 대한 지식과 경험을 동시에 채울 수 있었습니다. 수업의 내용 CSS의 기본 문법 (선택자와 속성) Grid를 이용한 현대적인 레이아웃 제작 방법 MediaQuery를 이용해서 다양한 크기의 스크린에 대응하는 방법 수업 토픽 목록 CSS 등장 이전의 상황 CSS의 등장 혁명적 변화 CSS 속성을 스스로 알아내는 방법 CSS 선택자를 스스로 알아내는 방법 박스모델 그리드 반응형 디자인 CSS 코드의 재사용 수업을 마치며 배운 점 '속성'..
WEB & App./CSS
HTML5에서 외부폰트를 적용할 때는 ttf 파일을 업로드 한 후에, css 파일에 다음과 같이 입력한다. @font-face { /* 애플산돌고딕 폰트 적용 */ font-family: "SDGothic"; src: url("font/AppleSDGothicNeoM.ttf") format("truetype"); font-weight: normal; } /* 이후 "SDGothic"으로 폰트 적용 가능 */ 그러면 class나 style에서 SDGothic으로 사용 가능하다. 예시> * { font-family: 'SDGothic', serif; } 참고> src: url("font/AppleSDGothicNeoM.ttf")에서 url은 현재 css 파일을 기준으로 ttf 파일이 위치한 경로를 나타낸다.
