css tutorial exercises course

CSS는 4Geeks Academy에서 자습서를 연습합니다

안녕! 나는 Alejandro Sanchez @alesanchezr입니다. ? ? 코드를 배우는 것은 어렵습니다. 코칭이 필요합니다! 질문이 있으시면 트위터에서 DM Me.

Estas Instrucciones Están Discronibles en ?? 에스파 ñ ??

당신은 다음과 같은 개념을 배울 것입니다.

1. 3 가지 방법으로 웹 사이트에 CSS를 적용하는 방법 : 인라인, <style> 태그 내부로 그룹화하거나 외부 스타일 시트 <link> 사용하여.

2. 웹 사이트에서 HTML 요소를 선택하여 스타일을 적용합니다.

3. 해당 요소에 CSS 규칙 (스타일)을 적용하십시오.

4. 가장 인기있는 CSS 규칙을 사용하십시오.

5. 가장 인기있는 CSS 트릭을 배우십시오.

시작하기 전에 ... 기타 관련 튜토리얼

1. HTML을 배우십시오
2. HTML5 양식을 배우십시오
3. CSS 배우기 ← 당신은 지금 여기 있습니다!
4. CSS 레이아웃을 배우십시오
5. 부트 스트랩을 배우십시오

CSS 학습에 관심이있는 사람을 위해자가 그레이드 CSS 운동을 완전히 선택하십시오!

한 번의 클릭 설치 (권장) :

Codespace (권장)에서 열거 나 GITPOD에서 열면 몇 초만 에이 연습을 열 수 있습니다.

VSCODE가 열리면 LearnPack 연습이 자동으로 시작됩니다. 연습이 자동으로 실행되지 않으면 터미널에서 입력을 시도 할 수 있습니다 : $ learnpack start

수동 설치

지역 환경에서 저장소를 복제하고 아래 단계를 따르십시오.

1. Learnpack, 학습 튜토리얼의 패키지 관리자 및 LearnPack 용 HTML 컴파일러 플러그인을 설치하십시오. Node.js 14+도 있는지 확인하십시오.

$ npm i learnpack -g
$ learnpack plugins:install learnpack-html

2. 연습을 다운로드하십시오

$ learnpack install css-tutorial-exercises-course

참고 : 다운로드를 마치면 모든 연습이 포함 된 연습 폴더에 cd 를 CD해야합니다.

3. Learn.json 파일과 같은 수준에서 다음 명령을 실행하여 튜토리얼/연습을 시작하십시오.

$ npm i [email protected] -g
$ learnpack start

운동은 어떻게 구성됩니까?

각 운동은 다음 파일을 포함하는 소규모 React 응용 프로그램입니다.

1. Index.html : 모든 웹 사이트 및 연습은 Index.html에서 시작합니다.
2. Styles.css : CSS 코드가 여기로 이동하면 일부 연습을 통해이 파일을 업데이트 할 수 있습니다.
3. readme.md : 운동 지침이 포함되어 있습니다.
4. test.js : 이 파일을 열 필요가 없으며 운동에 대한 테스트 스크립트가 포함되어 있습니다.

참고 : 연습에는 자동 등급이 있지만 매우 엄격하고 엄격합니다. 권장 사항은 테스트를 너무 심각하게 수행하지 않고 제안으로 만 사용하는 것이 좋습니다. 그렇지 않으면 좌절감을 느낄 수 있습니다.

기고자

이 멋진 사람들에게 감사합니다 (이모티콘 키) :

1. Alejandro Sanchez (Alesanchezr), 기여 : (코더) (아이디어)?, (런 테스트) 켈 , (Pull-Request-Review)? (Run-tutorial) ut (문서)

2. Paolo (plucodev), 기여 : (버그 보고서)?, 기여 : (코더), (번역)?

3. Daniel Machota (@d4rkm0nst3r), 기여 : (run-tutorial) ✅, 번역?

이 연습은 Alejandro Sánchez의 4Geeks Academy Coding Bootcamp의 일환으로 학생들이 구축합니다. 전체 스택 개발자 코스 및 데이터 과학 부트 캠프에 대해 자세히 알아보십시오.