본문 바로가기

전체 글732

BOOTSTRAP 적용 기본 API셋팅 (css, javascript) bootstrap은 진짜 뭐 잘한다는 사람은 필요없겠지만 내 시야에서는 불필요한 코딩을 최소화할 수 있는 방편이라고 생각한다. 더욱이 bootstrap 사이트에 나온 모든 탬플릿들은 이 API 셋팅을 하지 않은면 이상한 모양으로 출력된다. 이를 방지하기위해서 bootstrap 기본 API셋팅 방법을 올려본다. # 첫번째 # 1 https://getbootstrap.com/ Bootstrap Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful Ja.. 2022. 9. 28.
CSS 문제풀이5 - padding, border, margin 개념과 기초활용 # 문제 코딩 연습 확인사항: CSS - Box모델 임무: Box 모델을 사용하여 5px 너비의 녹색 테두리가 가지며, 중앙 정렬된 단어 "CENTRAL"이 포함된 박스를 만드세요. 박스는 모든 페이지 테두리까지 (더 정확하게는 div 요소까지), 50픽셀의 거리를 가져야 합니다. 평소와 같이 HTML 헤더도 만드세요. CSS 파일을 추가하는 것을 잊지 마세요. 중요 참고 사항: 위의 임무를 주의 깊게 읽어주세요! 자동화된 코딩 연습 평가 시스템은 정확하게 일치하는 것이 요구되기 때문에 정확하게 동일해야 합니다! 이에 대한 해답은 다음 강의에 있습니다. # 주요 개념 content - padding - border - margin 순으로 내핵에서 외핵으로 가는 느낌으로 생각하면 된다. # 내 코드 # 이.. 2022. 9. 28.
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.

티스토리툴바