CSS23 css - google API에 연동하여 폰트 사용하기 # 단계1 우선 알아야할 접속 사이트가 2개다 #1 https://developers.google.com/fonts/docs/getting_started Google Fonts API 시작하기 | Google Developers 이 페이지는 Cloud Translation API를 통해 번역되었습니다. Switch to English Google Fonts API 시작하기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 이 가이드에서는 G developers.google.com #2 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typograph.. 2022. 9. 28. css 문제풀이3 - div안의 div, class와 id에도 각각 css 먹이기 # 문제 코딩 연습 확인사항: CSS 셀렉터 - 클래스와 ID 임무: divClass라는 클래스와 divId라는 ID를 만드세요. 그런 다음, 빨간색 텍스트 색상을 갖도록 divClass를 정의하고, 파란색 텍스트 색상을 갖도록 divId를 정의합니다. 첫 번째 div는 divClass를 사용하고, 두 번째 div는 divId를 사용하는, 두 개 이상의 div를 포함하는 방식으로 HTML 파일인 'index.html'을 작성하세요. 평소와 같이 HTML 헤더도 만드세요. CSS 파일을 추가하는 것을 잊지 마세요. 계속 진행하기 전에 divId를 사용하는 div 컨테이너를 divClass를 사용하는 div 컨테이너에 삽입하면 어떻게 되는지 확인하시기 바랍니다. 첫 번째div 요소 첫 번째 div 요소 안의.. 2022. 9. 28. css 문제풀이2 - div과 span을 구분하여 css적용 # 문제 코딩 연습 확인사항: CSS - Common 스타일 속성 임무: 모든 div 요소에 다음 목록의 것을 갖도록, CSS 파일인 "styling.css"를 채우세요. 1. 오렌지색 배경 2. 파란 텍스트 색상 3. 너비가 20인 점선 테두리 두 번째로, 모든 span에 빨간색 텍스트 색을 설정하세요. 그런 다음 최소 2개의 div와 하나의 span 요소가 포함되도록 HTML 파일인 'index.html'을 채우세요. 텍스트는 원하는 것을 선택할 수 있습니다! 평소와 같이 HTML 헤더도 만드세요. CSS 파일을 추가하는 것을 잊지 마세요. 중요 참고 사항: 위의 임무를 주의 깊게 읽어주세요! 자동화된 코딩 연습 평가 시스템은 정확하게 일치하는 것이 요구되기 때문에 정확하게 동일해야 합니다! 이에 대.. 2022. 9. 28. css 문제풀이1 - h1영역에 색상, 백그라운드 색상 입히기 # 문제 코딩 연습 확인사항: CSS - 스타일링 기초 및 색상 임무: 이 연습에서는 여러분의 첫 번째 CSS 파일을 빌드합니다. 모든 h1 헤딩을 빨간색으로, 모든 단락의 배경을 녹색이 되도록 CSS 파일인 "styling.css"를 확장하세요. 그런 다음 한 개의 h1 제목과 한 개의 단락이 포함되도록, HTML 파일인 'index.html'을 채우세요. 텍스트는 원하는대로 선택하시면 됩니다! 평소와 같이 HTML 헤더도 만드세요. CSS 파일을 추가하는 것을 잊지 마세요. 중요 참고 사항: 위의 임무를 주의 깊게 읽어주세요! 자동화된 코딩 연습 평가 시스템은 정확하게 일치하는 것이 요구되기 때문에 정확하게 동일해야 합니다! 이에 대한 해답은 다음 강의에 있습니다. # 내 답안 # index.html.. 2022. 9. 28. 이전 1 2 3 4 5 6 다음