본문 바로가기

HTML33

CSS 문제풀이4 - 폰트, 텍스트 (font, text) # 문제 코딩 연습 확인사항: CSS - 폰트와 텍스트 임무: 모든 h1 헤딩이 Arial폰트를 사용하고, 모든 단락의 폰트 크기가 1이 되도록 "styling.css"를 채우세요. 또한 폰트 크기를 0.5로 줄이는 small이라는 id를 만드세요. "index.html"을 채우세요. 여기에는 최소한 하나의 h1 헤딩, 하나의 단락 및 small을 적용하는 텍스트가 포함되어야 합니다.(div 컨테이너를 사용하세요) 평소와 같이 HTML 헤더도 만드세요. CSS 파일을 추가하는 것을 잊지 마세요. 중요 참고 사항: 위의 임무를 주의 깊게 읽어주세요! 자동화된 코딩 연습 평가 시스템은 정확하게 일치하는 것이 요구되기 때문에 정확하게 동일해야 합니다! 이에 대한 해답은 다음 강의에 있습니다. # 내 코드 # .. 2022. 9. 28.
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.