다시 오신 것을 환영합니다.
이제 폴더 구조가 설정되었고 파일이 생성되었습니다.이 비디오에서 실제 팀 구조를 만드는 데 시간을 할애 할 것입니다.
To Do 목록에 필요한 요소.
이 단원에서 우리가 진행하고있는 최종 버전을 살펴 보겠습니다.
여기 최종 목록이 있습니다.
그리고 여기에 우리가 가지고있는 큰 요소들이 여기에 있습니다.
여기에 일종의 버튼이 있습니다.
여기에 텍스트 입력이 있습니다. 입력 유형은 텍스트와 같고, 이것은 우물이며 이것들 각각은 해당 UL의 동맹 자입니다.
그리고 나서 각 버튼은 바로 여기에 우리가 보여주고 숨기고 변화시키는 범위입니다.
그리고 우리는 모든 것을 담기 위해 어떤 종류의 요소가 필요합니다. 우리는 그것을하기 위해 장치를 사용할 것입니다.
그래서 우리는 그 div 안에 div가 필요합니다. 우리는 H-1에 텍스트를 입력 할 것입니다. UL은 많은 동맹국과 함께 있고, 그 다음에는 몇 개의 span도 있습니다.
그래서 우리는 노인 몇 명을 쓰는 것부터 시작할 것입니다. 저는 진정한 C Ss가 아닙니다. 그리고 우리가 이것에 관해 갈 방법을 알려주는 것은 그 기능을 나열하는 추악한 일을 만든 다음 돌아가서 추가하는 것입니다. C S.
그래서 저는 J 쿼리 인이 고기와 새로운 것을 만들고 삭제하는 논리를 얻고 싶습니다. 그리고 나서 우리는 돌아가서 끝에 예쁜 것들을 추가 할 것입니다.
승인.
먼저 HD로 시작해 보겠습니다.
저는 div를 만들고 ID 컨테이너를 제공하려고합니다. 그리고 div의 내부에 모든 것을 넣을 것입니다. 그런 다음 div가 H1을 갖게 될 것이고 그냥 목록을 말하고 나서 우리는 텍스트 입력이있다.
따라서 입력 유형은 텍스트와 동일합니다.
그리고 그것이 어떻게 형성되고 있는지 보자.
보라색 배경을 없애고 여기로가 보겠습니다.
그리고 나는 또한이 경고를 없애 버릴 것입니다.
자 이제하자.
우리는 거기에 갈.
승인.
그래서 우리는 우리가 H-1에 대한 본문을 가지고 있다는 의견을 가지고 있습니다.
나는 우리가 그것을해야한다고 생각한다.
그리고 나서 우리가 할 일은 UL을 추가하는 것입니다.
그럼 Dasch에 대한 변경 사항을 나열 해 봅시다.
그리고 그 후에 우리는 우리의 UL에 추가 할 것이며 각각 할 일은 그 안에 있습니다.
그리고 3 ~ 4 개의 투투 투수를 추가해 봅시다.
그래서 포션 클래스의 새 로브에 갈 것이고, 우리는 또한 해그리드를 방문 할 것입니다.
괜찮아.
그래서 우리는 우리 목록에서 이것을 할 세 가지가 있습니다.
지금까지 볼 수없는 목록이지만 우리는 H-1 텍스트 입력과 그 내부에있는 3 명의 동맹 관계를 가지고 있습니다.
이제는 삭제 버튼을 추가하고 우리는이 휴지통이 모든 스타일링 버튼을 삭제할 수있게하지 않을 것입니다.
우리는 더 단순한 버튼을 갖게 될 것이고 실제로 버튼이 될 수도 없습니다.
그냥 이렇게 보일 것입니다.
그래서 우리가 클릭 할 수있는 문자 X와 그 X를 클릭하면 할 일을 지울 것입니다.
그리고 그것은 문자를 거짓으로 사용하는 것보다 문자로 시작하는 방법입니다. 문자 X로 스팬을 사용하려고합니다.
그럼 그걸 복사 해보자.
우리는 3 개의 스판을 가지고 있습니다.
각각에는 문자 X가 새로 고쳐집니다.
아무것도 다른 것처럼 보입니다.
그러나 지금 우리는 그 스팬을 따로 선택할 수 있습니다. 그리고 우리는 빠른 리스너를 추가 할 것입니다.
그래서 우리가 그 구간을 클릭하면 이것을 삭제하거나이 전체 거짓말을 삭제하고 싶습니다.
승인.
이것이 우리가 필요로하는 모든 기본 마크 업입니다.
아주 작은 스타일링을 해봅니다.
우리가 할 첫 번째 일은이 div를 중심으로하므로 div는 ID 컨테이너입니다.
여기에 가서 CSSA 파일에서 깔끔한 컨테이너를 선택하고 좋은 배경을 부여하자. 우리가 얻는 것을 시작하고 볼 수있는 회색.
div가 끝까지 보입니다.
계속 진행하여 가계도를 추가하지 마십시오.
그리고 나서 우리는 스크린의 중앙에 그것을 놓을 것입니다. 그래서 너비는 360과 6입니다.
그리고 저장하면 최종 버전과 동일한 너비입니다.
그래서 우리가하고 싶은 360 픽셀과 그 다음 일은 그 중심입니다.
그리고 가장 쉬운 방법은 마진 트릭을 사용하는 것입니다.
그래서 우리는 위쪽과 아래쪽의 여백을 0으로 설정하고 왼쪽과 오른쪽을 Ahto로 설정합니다.
그리고 우리가 지금 새로 고침하면 우리는 할 훌륭한 센터를 가지고 있습니다.
모든 시간이 끝나고 여기에서 시작할 수 있다고 평가하십시오.
우리가 필요로 할 때 몇 가지를 추가 할 것입니다.
그리고 기본 기능을 한 번 내려 놓으면이 예쁘게 만들고 애니메이션과 효과를 페이드와 슬라이드에서 알게되고, 모양과 느낌을 훨씬 좋게 만듭니다.