Więc następnym się chodźmy naprzód i po prostu powielić ten znaczników, które to wszystko zrobiłem tutaj.
I nie używają nieco innymi słowami nieco inny boczek Ipsum pomiędzy tymi akapitami.
Więc ja po prostu skopiować te dwa nad do h Tm l, ale raz, że nie koncentruje się tutaj.
Więc co znów chce upewnij niech po prostu wziąć to od podstaw, dlatego div class równa posty.
A niektórzy z Was mogą się zastanawiać, dlaczego ja nawet przeszkadza oddanie div div z klasą równa słupek wokół wszystkiego.
To będzie działać dobrze bez tego.
To naprawdę tylko o grupowaniu rzeczy razem.
Wolałbym niż o jeden gigantyczny bałagan, gdzie jeden blogu krwawienia na inny.
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ę.
Więc chcieliśmy mieć div o nazwie datę lub datę klasyczną i ta data jest 11 grudnia 2015.
Zapisz to.
Potem mieliśmy H2 i że H-2.
Jest to kolejny artykuł, który jest inny straszne artykule.
Nie zaleca się go odczytać.
To właśnie o boczku.
Więc jestem po prostu iść do przodu i ponownie skopiować ten cytat.
Który jest akapit.
Klasa równa pasty cytat, który w.
A potem mamy tu jeszcze dwa akapity.
Jeden i wreszcie ostatni bit znaczników nie musimy.
Akapit drugi.
No to jedziemy.
Zobaczmy więc, jak to wygląda.
Więc jedno mam zwrócić uwagę jest to, że mamy trochę mniejsze odstępy między słupkami tutaj.
Tak to, po prostu prowadzi do tego.
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.
Chociaż myślę, że to, co musimy zrobić, to po prostu dodać pewien margines między blogach.
Więc zacznijmy od coraz to rw godz.
Więc nie zostały faktycznie widać element H R naprawdę w praktyce.
Jest to bardzo prosty w użyciu wystarczy wygląda następująco.
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ą.
Jeśli będziemy odświeżać co zobaczysz.
Tak, że daje nam ten wiersz dzieje po drugiej stronie i że zazwyczaj jest w porządku.
Większość ludzi jednak lubią projektować te trochę więc ten jest bardzo słaby.
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.
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.
Więc mam zamiar pokazać dokładnie to, co chciałbym zrobić, aby znaleźć kilka stylów H R.
Ja po prostu styl HDR Google i zobaczyć, co mamy.
I można zobaczyć, jakie kliknęli nimi wcześniej.
Mamy więc proste style dla każdego słoików i można zobaczyć, że jest tutaj kilka opcji.
Dlatego, że jest to jeden, że poszedłem z tutaj.
Ale niech tylko spróbować jednego takiego.
Kliknij na kod, a wszystko, co musimy zrobić, to skopiować je.
Są dwa style i skopiuj to w dół, a my nie.
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.
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.
Więc po prostu wybrać char i niech to po prostu zobaczyć jak to wygląda.
Odśwież stronę.
OK, więc nie pójdziemy.
Więc ja osobiście nie zależy na tym jednym.
Zamierzam wykorzystać ten jeden tutaj tego rodzaju tras off.
Nie krępuj się robić, co chcesz, i bawić się z nim.
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ć.
Więc jestem po prostu kopiując To.
Nie napisałem tego.
Potrzeba, aby pozbyć się tych stylów tu i umieścić to w.
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.
I tak to w jaki sposób uzyskać ten efekt gradientu.
Jeśli więc odświeżyć Teraz nie udać.
Mamy ten piękny efekt gradientu tutaj, a jeśli chcieliśmy.
I rzeczywiście wolą ten jeden, więc jestem po prostu iść do przodu i zachować ten jeden.
Nad tym.
Mogę zmienić kolor trochę tak, że jest lżejszy szare, ale niech po prostu miej to na razie.
Ale wciąż mamy ten problem, który jest naszym naszym następnym blogu zaczyna zbyt szybko i trzeba dodać tam trochę miejsca.
Więc wszystko, co musimy zrobić, to dodać trochę marginesu.
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.
Więc wszystko co musimy zrobić, to wybrać.
Niech mi tylko pokazać stanowisko klasy.
To jedno stanowisko.
Więc my właśnie tutaj.
To jak marginesie postu i zróbmy 20 pikseli, a nie tylko margines.
Zróbmy to na dole, tak i na dole marca tylko odświeżyć i że patrzy dość blisko.
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.
Więc jeśli zrobiliśmy to po prostu przesunąć char.
Gdzie to jest.
Oto idziemy do dolnej części słupka i są świeże.
Można zobaczyć, czy możemy uzyskać odstęp, że chcemy go.
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.
Ale to, co naprawdę chcę, aby pokazać, że znów możemy zawierać inne style.
Tak naprawdę nie muszą dokładnie wiedzieć, jak one działają, choć jest to dobry pomysł, aby być ciekawy i spróbować zrozumieć.
Więc mam nadzieję, że cieszył czyni ten projekt do ładnym prostym minimalnym bloga i teraz.
Oczywiście to nie ma właściwie funkcjonować jako blog.
Brak komentarzy nie możemy dodać w nowym poście z jakiegokolwiek interfejsu.
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.
Tak, że będzie to naprawdę ekscytujące.
Użyjemy tego ocenić go.
To stosunkowo estetyzacja stosunkowo niewielu linii.