Teraz zmieńmy kolor tekstu H-1 i 3 roku życia w tej chwili jest to, że ciemny kolor domyślny bootstrap trafi tutaj i mogliśmy zrobić H-1 kolor biały i H-3 kolor biały i odświeżyć.
A my się biały tekst tak po prostu.
Ale możemy też zrobić jest jednak połączyć te dwa, bo są identyczne i czy H-1 H-3 przecinek i że uczyni oba te białe.
Ilekroć mamy przecinek po prostu wybiera różne grupy.
Więc wszystkie bliźniaki wszystkie trójkami wiek i wygląda dokładnie tak samo.
Ale możemy nawet uproszczenie tego więcej i po prostu przypisać wszystko, w organizmie będzie kolor biały.
A może uważasz, że nie byłoby problemu może zmienić lub przycisk może zmienić lub bar nav, ale należy pamiętać, że są one bardziej konkretne.
Mamy zajęcia z Bootstrap, że robią, że w porównaniu z nich są po prostu H-1 i H-3 nie mają żadnych klas lub identyfikatory i są łatwiejsze do zastąpienia własnymi stylami ustawiając kolor nadwozia do białego H1 oraz wieku trzech odziedziczyła ten kolor i wszystko co robił, jak również.
To było po prostu nadpisane.
Więc jeśli skontrolowanych mamy powiedzmy ten przycisk i przyjrzymy.
Kiedy ją zaznaczyć, a zobaczysz, że kolor jest ustawiony na tym kolorze jest 3 3 3 przez domyślnie klasy Buttona.
Ale jeśli będziemy przewijając zobaczysz, że ciało tu ustawić kolor na biały, a to właśnie dzieje się wykreślona.
W porządku.
Więc jeszcze raz powiedział, że oboje być białe.
Teraz działa od rozmiaru czcionki.
Tak H-1.
Chcemy, aby być złożone, które w tej chwili nie ma.
Więc to musi być śmiały i chcę go mieć 5 cm, który jest pięć razy większy niż pamiętam elementu nadrzędnego więc musimy wybrać każdą z nich, a my damy mu wagę czcionki 700, który jest, jak używamy odważne odświeżenie ,
Można zobaczyć je czcionką pogrubioną.
Teraz również jest dużo większy, więc rozmiar czcionki 5 E-M.
Teraz wróć i tam idziemy.
Tak, że patrzy się bliżej.
Teraz ten stosunek H1 i H-3 wygląda dokładnie tak samo.
Nie musimy robić nic do H-3 musi teraz uzyskać obraz, aby zachowywać się tak, że chcemy go.
A do tego mam zamiar pokazać ci coś, czego nie widziałem wcześniej.
Mam zamiar przenieść się ciemności po prawej stronie i gdybym skontrolować wieku go elementu lub ciało zobaczy, że obaj zatrzymują przed końcem strony.
Więc o tutaj.
To koniec wieku do mojego dokumentu.
Więc kiedy mówię mój obraz na pokrycie ciała i powiedziałem, że to rozmiar tła na pokrycie i położenie tła być Centrum bierze pod uwagę wielkość ciała i kiedy ciało kończy właśnie tutaj zachowuje się inaczej.
Co zrobimy, aby rozwiązać ten problem jest nadanie elementowi HTL wysokości 100 procent, co oznacza, zajmują 100 procent pojemniku, który jest po prostu całe okno dokumentu.
Mężczyzna wysokości 100 procent, a wrócimy.
Zróbmy to na pełnym ekranie teraz i odświeżyć.
A nasz wizerunek działa tak, że możemy spodziewać się, że i ja skurczy się.
A to wygląda dobrze dla mnie też.
Teraz mamy dwie główne rzeczy pozostawione skupić.
Pierwszym z nich jest H.R ..
To jest zbyt szeroki dla nas powinna być dużo mniejsze.
I wtedy też chcą skupić się na czcionki tutaj.
Dobrze rozpocząć zbieranie grafikę i wszystko, co chcesz zrobić, to dać się z 400 pikseli.
Tak więc w naszym Css Będziemy wybrać godzinę to zrobić na dole jest o 400 pikseli.
No to jedziemy.
Inną rzeczą, którą zrobię to trochę podstępne, że może nie zauważyłeś, jak mam zamiar iść tu i nadać mu Förder na wierzchu.
Jeden piksel stałe.
Następnie mają kolor, który jest tutaj f 8 8 8.
A potem dolnej granicy, a także co jest stałe i jeden piksel będzie to kolor przezroczysty.
Zero zero zero zero dwie dziesiąte.
Więc to nie da to efekt cienia.
Więc zwrócić uwagę.
To naprawdę trudno dostrzec.
Ja nawet nie wiem, czy będę odebrać w obsadzie ekranie, ale to, co mamy, jest granica, a następnie tuż poniżej granicy jasnoszary linii sprawia, że ​​wyglądają jak tam niewielki cień pokazuje się trochę lepiej nad jaśniejsze kolory.
OK.
Nie można więc zobaczyć, że wystarczy, jeśli mi zaufać czy można pozbyć się obrazu tła i to będzie łatwiej zobaczyć również tam.
Fokus do następnej Chodźmy na ikony, które użyłem do zabawy niesamowite.
Więc mam go otworzyć.
Zabawa.
Niesamowite.
Wiem.
A my po prostu płytę CD również tutaj.
Jeśli klikniesz zacząć istnieje CDN, że po prostu nie może kopiować.
Put, że w naszej aplikacji, a także po prostu zrobić się do góry, a następnie zapisywać będziemy przyjrzeć rzeczywistych ikon.
I pierwsza, że ​​wiemy, że używany jest PA.
I zrobić to wszystko, czego potrzebujesz, to wysokiej klasy ECOS F A F Kreska Pensylwania.
Włożyłem więc, że wewnątrz przycisku.
Więc jeśli pójdziemy do przycisku tuż przed zacząć I dodaje, że w.
Teraz, jeśli wrócimy i odświeżyć można sprawdzić, czy mamy mały przycisk i mamy tam odcisk dłoni obok mamy dwie ikony tutaj zarejestrować i zalogować.
I te dwa Pamiętam, jakie są.
Idę zrobić, że tu obok zarejestrować się po tym, jak napisać, że chcesz dodać inną ikonę.
Z wyjątkiem tej klasy czas nie jest F-8 PA ale F.A. użytkownika kreska kreska Plus, który daje nam tę ikonę ze znakiem plus i zalogować się to samo, bez plusa.
Więc użytkownik myślnik i mamy te dwie ikony.
Jest jeszcze jedna rzecz, którą zrobiłem, że może nie zauważyłeś, który jest cieniem tekstu.
Więc nie ma cienia wokół całego tekstu tutaj i zobaczyć, że nie można go zobaczyć tutaj.
To wokół H-1 i H-3 i tech cień jest coś, co możemy ustawić za pomocą rozdzielczej tekst cienia SS.
I nie ma to za dużo kawałków do niego.
Więc można zobaczyć tutaj siedzimy przesunięcia X offsetową y.
Więc jak daleko od słów powinno cień iść.
Następnie mamy również ustawienie promienia, który zaciera Więc w zasadzie jak grube powinno być.
A potem kolor i cień, który używam jest trochę skomplikowane.
Jest wiele elementów, tak mam zamiar iść i wpisz go jeden kawałek na raz w pliku CSSA.
Więc wewnątrz zawartości div doda kreska tekst cień, a następnie pierwszy zrobi.
Zero pikseli 4 piksele 3 piksele i zrobię to naprawdę oczywiste zacząć od co czerwone i gdybym odświeżyć tam cień, który dodajemy pierwszy.
Teraz idź i dodać drugi z przecinkiem i wciąć się trochę, a potem chcemy 0 pikseli 8 pikseli 13 pikseli, a następnie na pomarańczowo tu i spójrz na ten jeden.
Widać mamy tego więcej niewyraźne jeden pod spodem To jasny pomarańczowy, a potem jest trzeci cień, który jest 0 pikseli, które pamiętają ten pierwszy numer to X offset i wtedy y offset 18 pikseli, a następnie 23 pikseli jest promieniem, a my uczynić ten jeden żółty i widzimy mamy jasnoczerwony miano cień.
A potem pomarańczowy, który jest trochę dalej.
A potem żółty, który jest o wiele bardziej rozmyte i dużo szerszy.
Dlatego chcemy, aby zmienić te kolory.
Nie chcemy pracować z tym.
Tak więc kolory są nieco mniej ekscytujące.
Pierwszy.
Zero zero zero zero 0.4.
Kolejny bardzo podobna zamiast 0,4 0.1.
A potem jeszcze jeden, który jest również 0.1.
Więc korzystając R. G. B-A my po prostu ustawiając różne odcienie szarości.
I tam idziemy.
Tyle mniej ekscytujące, ale mam nadzieję, że nadal można go zobaczyć tutaj.
To dużo bardziej subtelne, ale to tylko dodaje trochę głębi strony.
Wspaniały.
Więc to wszystko, co musimy zrobić.
Pozwól mi wrócić i po prostu zawinąć kilka rzeczy.
Duży punkt chcę zrobić tutaj jest to, że możemy użyć bootstrap i polegać na nim, ale nie jesteśmy opierając się na wszystkich jego wersjach.
Więc tak trzymaliśmy pasku nav to samo, choć w ostatnim filmie pokazałem jak można zmienić kolor bar nav ale zmienił fonty mamy dodanych obrazów tła.
Tak naprawdę wystarczy użyć bootstrap jako podstawach, a następnie dodamy we wszystkich stylach na wierzchu i nie potrzeba wiele.
Ale myślę, że zrobiliśmy coś, co wygląda dość zacne z zaledwie kilku linii kodu.
I bądźmy szczerzy połowa wszystkich tłuszczów ten tekst ShadowLine właśnie tam.
Niesamowite.
Tak zrobiliśmy strona wygląda stosunkowo dobrze.
Skończyliśmy z bootstrap teraz.
Jesteśmy następnie przeniósł się do JavaScript w następnej jednostki, która jest naprawdę ekscytujące.
Będziemy odchodzą od tworzenia miejsc i rzeczy, które ładnie wyglądają na trochę tak, że możemy skupić się wyłącznie na Javascript.
Ale potem sprowadzimy wszystko do kupy i zrobić kilka pięknych miejsc, które faktycznie robią rzeczy, które nie tylko ładnie wyglądać.
Tak, że idzie się szybko z nadzieją cieszył bootstrap zadowoleni z tego urządzenia.
I jak zawsze polecam, aby pobrać kod, jeśli masz jakiekolwiek pytania.
Jest w opisie tego filmu.