클라이언트/ 서버/ 엔지니어 "게임 개발자"를 향한 매일의 공부일지

이제 드디어 새로운 단원에 들어갔다. 먼저 글꼴 관련 스타일과 웹 폰트에 대해서 학습해보기로 하자. 오늘은 일기를 쓸 게 좀 많아서 아침 공부가 평소보다 많이 늦어졌다. 늦어도 오후 2시까지는 CSS 속성 관련 공부를 다 마치려고 한다. 텍스트  스타일은 사용하는 글자의 모양새를 지정하는 글꼴 스타일과 웹 문서에 표시되는 텍스트를 지정하는 문단 스타일이 있다.   " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스   1. 글꼴을 지정하는 font-family 속성  태그를 비롯해 , 처럼 텍스트를 사용하는 요소에서 주로 사용한다.  웹 문서에서 지정한 글꼴이 사용자 시스템에 설치되어 있지 않다면 웹 문서에서 의도한 글꼴이 아닌 글꼴로 표시된다. 따라서 글꼴을 지정할 때는 만약 ..

CSS 수업도 3일에 걸쳐 진행되었다. 여기서부터는 따라갈 수 없는 내용들이 너무 많아서 그냥 필기만 했던 것 같다. 자바스크립트부터는 수업 속도도 너무 빨라서 필기도 잘 하지 않았지만 말이다.사실 책이나 엘리스 수업에서는 더 자세히 다루고 설명도 잘 해주시기에 수업을 따로 정리해야 할까 많은 고민이 되었다. 그래도 내가 공부한 것들을 기록으로 남기는 것이 나중을 위해서 좋을 것 같아 짧게라도 정리하기로 했다.  1. CSS 기초   무척 간단해보이지만 여기에는 많은 내용들이 빠져있다. 수업 시간에는 다루지 않은 CSS 개념들이 정말 많았다.    2. 폰트   아직 폰트 관련 학습은 진행하지 않았지만 비슷한 내용이라 묶어서 정리해본다. 이런 식으로 글꼴을 다양하게 변형시킬 수 있다.    3. 선택자 ..

이제 드디어 단원을 마무리할 때가 되었다. CSS 첫번째 단원 학습인데 아직 갈 길이 멀다. 하루종일 해도 한 단원도 끝내기 어려운데 CSS를 하루나 이틀만에 다 마치겠다고 계획했으니.. 무엇이든 너무 빨리 배우는 것보다 천천히 생각하고 고민하며 학습하는 것이 더 좋은 것 같다.   단원 한눈에 정리하기      연습문제 풀기문제 1번    문제로 제공된 코드는 이렇게 되어 있다. 이건 내부 스타일 시트를 적용한 것이고 이제 외부 스타일 시트를 연결해야 한다.   CSS 파일   HTML 파일   결과 화면    문제 2번       첫번째 도전  완전 반대로 적용이 되었다. 제목에 배경색이 적용되어야 하는데.. 다시 풀어보자!    두번째  도전   h1에 파란색 배경이 입혀지지 않아 고민을 정말 많이..