1
00:00:00,780 --> 00:00:06,390
Więc następnym się chodźmy naprzód i po prostu powielić ten znaczników, które to wszystko zrobiłem tutaj.

2
00:00:06,720 --> 00:00:12,690
I nie używają nieco innymi słowami nieco inny boczek Ipsum pomiędzy tymi akapitami.

3
00:00:12,810 --> 00:00:19,310
Więc ja po prostu skopiować te dwa nad do h Tm l, ale raz, że nie koncentruje się tutaj.

4
00:00:19,350 --> 00:00:26,340
Więc co znów chce upewnij niech po prostu wziąć to od podstaw, dlatego div class równa posty.

5
00:00:26,850 --> 00:00:33,870
A niektórzy z Was mogą się zastanawiać, dlaczego ja nawet przeszkadza oddanie div div z klasą równa słupek wokół wszystkiego.

6
00:00:33,900 --> 00:00:35,710
To będzie działać dobrze bez tego.

7
00:00:35,820 --> 00:00:37,880
To naprawdę tylko o grupowaniu rzeczy razem.

8
00:00:38,100 --> 00:00:42,810
Wolałbym niż o jeden gigantyczny bałagan, gdzie jeden blogu krwawienia na inny.

9
00:00:42,810 --> 00:00:52,910
Lubię mieć rzeczy zawierał trochę tak, że wiem, że to jest jeden post i kończy się tutaj, więc jest to bardziej właśnie o moim zdaniem utrzymując czystość kodu trochę.

10
00:00:53,340 --> 00:01:05,530
Więc chcieliśmy mieć div o nazwie datę lub datę klasyczną i ta data jest 11 grudnia 2015.

11
00:01:05,820 --> 00:01:07,750
Zapisz to.

12
00:01:07,830 --> 00:01:12,640
Potem mieliśmy H2 i że H-2.

13
00:01:12,720 --> 00:01:18,510
Jest to kolejny artykuł, który jest inny straszne artykule.

14
00:01:18,840 --> 00:01:19,950
Nie zaleca się go odczytać.

15
00:01:19,950 --> 00:01:21,490
To właśnie o boczku.

16
00:01:21,780 --> 00:01:25,500
Więc jestem po prostu iść do przodu i ponownie skopiować ten cytat.

17
00:01:25,830 --> 00:01:26,990
Który jest akapit.

18
00:01:27,060 --> 00:01:30,490
Klasa równa pasty cytat, który w.

19
00:01:30,630 --> 00:01:32,870
A potem mamy tu jeszcze dwa akapity.

20
00:01:33,130 --> 00:01:40,800
Jeden i wreszcie ostatni bit znaczników nie musimy.

21
00:01:40,800 --> 00:01:42,000
Akapit drugi.

22
00:01:42,000 --> 00:01:43,950
No to jedziemy.

23
00:01:44,640 --> 00:01:49,000
Zobaczmy więc, jak to wygląda.

24
00:01:49,080 --> 00:01:54,910
Więc jedno mam zwrócić uwagę jest to, że mamy trochę mniejsze odstępy między słupkami tutaj.

25
00:01:54,960 --> 00:01:56,760
Tak to, po prostu prowadzi do tego.

26
00:01:56,760 --> 00:02:05,220
Datę 11 grudnia zdecydowanie chcemy trochę odstępu tam możemy zobaczyć w lewej części, które mogłyby być spowodowane HRR, że brakuje.

27
00:02:05,220 --> 00:02:09,020
Chociaż myślę, że to, co musimy zrobić, to po prostu dodać pewien margines między blogach.

28
00:02:09,150 --> 00:02:11,780
Więc zacznijmy od coraz to rw godz.

29
00:02:12,570 --> 00:02:15,690
Więc nie zostały faktycznie widać element H R naprawdę w praktyce.

30
00:02:15,690 --> 00:02:19,410
Jest to bardzo prosty w użyciu wystarczy wygląda następująco.

31
00:02:19,410 --> 00:02:27,540
To rzeczywiście samozamykające nie brać niczego, że to nie ma żadnego znacznika zamykającego lub dowolną wewnętrzną treść tylko char linię poziomą.

32
00:02:27,540 --> 00:02:30,200
Jeśli będziemy odświeżać co zobaczysz.

33
00:02:30,210 --> 00:02:35,940
Tak, że daje nam ten wiersz dzieje po drugiej stronie i że zazwyczaj jest w porządku.

34
00:02:35,940 --> 00:02:40,830
Większość ludzi jednak lubią projektować te trochę więc ten jest bardzo słaby.

35
00:02:40,950 --> 00:02:52,310
Nie wiem, czy można powiedzieć, ale to w zasadzie już trochę grubszy, a potem zamarł na krawędziach i istnieje kilka wielkich zasobów i rzeczy on line, które można wykorzystać do stylu dowolnego char.

36
00:02:52,410 --> 00:03:00,840
A powód dodali to tutaj jest to, że chciałem, aby zmusić cię do czegoś szukać i starać się znaleźć kilka stylów, które nie pisać samemu.

37
00:03:00,840 --> 00:03:04,830
Więc mam zamiar pokazać dokładnie to, co chciałbym zrobić, aby znaleźć kilka stylów H R.

38
00:03:04,830 --> 00:03:09,170
Ja po prostu styl HDR Google i zobaczyć, co mamy.

39
00:03:09,390 --> 00:03:13,320
I można zobaczyć, jakie kliknęli nimi wcześniej.

40
00:03:13,890 --> 00:03:20,280
Mamy więc proste style dla każdego słoików i można zobaczyć, że jest tutaj kilka opcji.

41
00:03:20,460 --> 00:03:23,290
Dlatego, że jest to jeden, że poszedłem z tutaj.

42
00:03:23,550 --> 00:03:25,980
Ale niech tylko spróbować jednego takiego.

43
00:03:25,980 --> 00:03:31,440
Kliknij na kod, a wszystko, co musimy zrobić, to skopiować je.

44
00:03:31,440 --> 00:03:36,780
Są dwa style i skopiuj to w dół, a my nie.

45
00:03:36,900 --> 00:03:45,460
Nie chcę myśleć, że trzeba zrozumieć każdą linię tutaj, bo to jest pewne, że niektóre rzeczy jest dość zaawansowany i rodzaj hacky jak widać ta osoba mówi.

46
00:03:45,480 --> 00:03:57,600
Naprawdę nie ma pracy, ale nie jedyne, co chcemy zrobić, to upewnić się, że te będą wybierając naszą H R a więc co to robi jest najem HRO z klasą stylu 7, które nie mamy.

47
00:03:57,870 --> 00:04:06,670
Więc po prostu wybrać char i niech to po prostu zobaczyć jak to wygląda.

48
00:04:06,690 --> 00:04:08,120
Odśwież stronę.

49
00:04:08,150 --> 00:04:09,270
OK, więc nie pójdziemy.

50
00:04:09,360 --> 00:04:11,400
Więc ja osobiście nie zależy na tym jednym.

51
00:04:11,430 --> 00:04:14,700
Zamierzam wykorzystać ten jeden tutaj tego rodzaju tras off.

52
00:04:14,700 --> 00:04:17,240
Nie krępuj się robić, co chcesz, i bawić się z nim.

53
00:04:17,610 --> 00:04:25,420
Ale znowu punktem było to, że chciałem, aby spróbować znaleźć coś zewnętrznego, które nie pisać i chcę pokazać, że jest to całkowicie w porządku to zrobić.

54
00:04:25,560 --> 00:04:27,100
Więc jestem po prostu kopiując To.

55
00:04:27,270 --> 00:04:29,220
Nie napisałem tego.

56
00:04:29,500 --> 00:04:34,520
Potrzeba, aby pozbyć się tych stylów tu i umieścić to w.

57
00:04:35,400 --> 00:04:46,370
Więc robią to wygląda wygląda na to, że ustalenie granicy na wysokości HRO więc nie ma granicy, która jest tylko jeden piksel, a wtedy ten obraz tła, które jest gradient.

58
00:04:46,550 --> 00:04:48,870
I tak to w jaki sposób uzyskać ten efekt gradientu.

59
00:04:48,870 --> 00:04:51,970
Jeśli więc odświeżyć Teraz nie udać.

60
00:04:52,110 --> 00:04:55,710
Mamy ten piękny efekt gradientu tutaj, a jeśli chcieliśmy.

61
00:04:55,710 --> 00:04:59,530
I rzeczywiście wolą ten jeden, więc jestem po prostu iść do przodu i zachować ten jeden.

62
00:04:59,760 --> 00:05:00,350
Nad tym.

63
00:05:00,350 --> 00:05:05,380
Mogę zmienić kolor trochę tak, że jest lżejszy szare, ale niech po prostu miej to na razie.

64
00:05:05,580 --> 00:05:13,090
Ale wciąż mamy ten problem, który jest naszym naszym następnym blogu zaczyna zbyt szybko i trzeba dodać tam trochę miejsca.

65
00:05:13,410 --> 00:05:17,940
Więc wszystko, co musimy zrobić, to dodać trochę marginesu.

66
00:05:18,360 --> 00:05:31,090
Więc to jest rzeczywiście ładny miły zbieg okoliczności, że mamy ten wpis na blogu otoki wokół każdym poście, bo można po prostu dodać margines na dole każdego postu, tak że doda tu miejsca.

67
00:05:32,220 --> 00:05:34,210
Więc wszystko co musimy zrobić, to wybrać.

68
00:05:34,230 --> 00:05:36,560
Niech mi tylko pokazać stanowisko klasy.

69
00:05:36,630 --> 00:05:37,810
To jedno stanowisko.

70
00:05:38,160 --> 00:05:39,580
Więc my właśnie tutaj.

71
00:05:39,670 --> 00:05:50,370
To jak marginesie postu i zróbmy 20 pikseli, a nie tylko margines.

72
00:05:50,490 --> 00:05:59,600
Zróbmy to na dole, tak i na dole marca tylko odświeżyć i że patrzy dość blisko.

73
00:06:00,210 --> 00:06:15,140
Więc ostatni trochę problemem jest to, że mamy trochę więcej miejsca nad tutaj niż my tutaj i to dlatego, że to czy tamto dodaliśmy jest rzeczywiście poza klasą postu więc nie jest zagrożona przez tego marginesu, że dodanej.

74
00:06:15,150 --> 00:06:19,490
Więc jeśli zrobiliśmy to po prostu przesunąć char.

75
00:06:19,500 --> 00:06:20,160
Gdzie to jest.

76
00:06:20,160 --> 00:06:25,510
Oto idziemy do dolnej części słupka i są świeże.

77
00:06:25,590 --> 00:06:27,960
Można zobaczyć, czy możemy uzyskać odstęp, że chcemy go.

78
00:06:28,600 --> 00:06:37,730
OK, więc jeśli chcemy poeksperymentować i uzyskać dokładnie ten można by po prostu wrócić do tego stylu H.R. i spróbować z innymi.

79
00:06:37,890 --> 00:06:41,970
Ale to, co naprawdę chcę, aby pokazać, że znów możemy zawierać inne style.

80
00:06:42,010 --> 00:06:48,080
Tak naprawdę nie muszą dokładnie wiedzieć, jak one działają, choć jest to dobry pomysł, aby być ciekawy i spróbować zrozumieć.

81
00:06:48,930 --> 00:06:53,790
Więc mam nadzieję, że cieszył czyni ten projekt do ładnym prostym minimalnym bloga i teraz.

82
00:06:53,790 --> 00:06:56,430
Oczywiście to nie ma właściwie funkcjonować jako blog.

83
00:06:56,430 --> 00:07:01,390
Brak komentarzy nie możemy dodać w nowym poście z jakiegokolwiek interfejsu.

84
00:07:01,470 --> 00:07:20,840
Musimy właściwie edytować wieku go Nas ale gdy dojdziemy do javascript i gdy w szczególności i dojeżdżamy do tylnego końca i mamy bazę i mamy serwer dzieje w ramach zwanego ekspresowe faktycznie zabierze tego bloga i przekształcić go w prawdziwym blogu, gdzie możemy dodać wiadomość za pomocą formularza możemy komentować i możemy zrobić kilka innych rzeczy jak głosowanie.

85
00:07:21,060 --> 00:07:22,410
Tak, że będzie to naprawdę ekscytujące.

86
00:07:22,410 --> 00:07:24,350
Użyjemy tego ocenić go.

87
00:07:24,360 --> 00:07:28,540
To stosunkowo estetyzacja stosunkowo niewielu linii.