OK, więc nadszedł czas, że rzeczywiście możemy napisać C S S.
Bardzo ekscytujące.
Zanim jednak to zrobimy musimy mieć jakiś wieku mu Al że możemy stylu.
Więc mam zamiar iść do przodu i wysublimowanej utworzyć nowy plik zapisać go po prostu umieścić na moim biurku, a teraz mam zamiar nazwać to o mnie.
HMO.
Użyj że mały trick uzyskać szkielet płyty kotła, a to będzie bardzo prosta strona.
Mówię ci teraz nie będzie piękne, kiedy skończymy tutaj.
Jesteśmy po prostu będzie zmienić niektóre kolory.
Jesteśmy po prostu się nad podstawami, jak to wszystko działa razem.
Więc jestem po prostu będzie, a każdy z nich o mnie, a potem powiedzmy swędzenie dla moich hobby.
Zapraszam do dostosowania tego do siebie.
Dodajmy listę i kilku sojuszników i zróbmy latania smołę gotowania i origami i zapisać ten plik.
Miejmy tylko dokładnie sprawdzić.
Otwórzmy ją.
Wspaniały.
Oto nasz wspaniałym miejscem, które mamy zamiar stylu.
Więc zanim zaczniemy rzeczywiście pisanie sukces musimy zdecydować, gdzie umieścić sukces.
I nie są w rzeczywistości kilka opcji.
w notach Tak więc istnieją dwa, że ​​jestem przedstawieniu na tej stronie i pierwsza powiem ci teraz nie jest dobrym pomysłem.
Jestem pokazując ci to tak, że są świadomi, aby z dwóch powodów.
Jednym jest to jedyny sposób, w jaki wykorzystywane, aby móc projektować elementy przed oddzielnym arkuszu stylów i przed CSSA rzeczywiście zrobił to w każdym elemencie.
Więc pozwól mi pokazać przykład.
Chcę, aby to pierwsze kłamstwo fioletowy.
Powiedziałbym, styl, a następnie w cytatu powiedzieć Kolor purpury i że będzie działać.
A to zmienia się na fioletowo.
Więc nie jest to problem, który jednak jest, jeśli chcę, wszystkie trzy z nich będzie fioletowy muszę iść do przodu i powielić to za każdym razem.
Który jest dużo pracy.
A jeśli zdecyduję oh nie chcę, żeby być zielone potem muszę iść i zmienić trzy różne miejsca, aby być zielone.
I oczywiście, że problem jest o wiele gorzej, gdy masz setki samego elementu z tym samym stylu na danej stronie.
Więc to jest to zły pomysł.
A drugi powód, to nie jest dobrym pomysłem jest to, że chcemy, aby oddzielić naszą godz tim L z RCA.
To właśnie ta idea separacji obawy.
Chcemy, aby nasz CSSA być samowystarczalny w swoim pliku.
Chcemy starzeć go za swój własny plik tylko z konstrukcji.
C Ss jest tylko styl.
Więc teraz jest to rodzaj dziwnej mieszanki tych dwóch.
Więc będę pozbyć się tego i odwrotnie w notach jest coś, co nazywa atak stylu.
Więc tag styl pozwala nam pisać składni C Ss gdzie my właściwie wybrać rzeczy i mamy nawiasy klamrowe, których nie mogliśmy zrobić.
Ale co możemy zrobić, to zrobić to wnętrze w h t m l dokumencie.
Tak się w głowie, gdy idziemy do przodu i wystarczy utworzyć tag nazywa styl i możemy nadać mu ten atrybut typu równa ukośnik tekst Css możemy teraz napisać kilka tagów C SS i selektorów wewnątrz stąd.
Pamiętaj więc mamy to ogólna zasada selektora, a następnie mamy właściwość wewnątrz nawiasy, a następnie wartość, a następnie średnik.
Więc zamierzam komentować to uwagę przy okazji do zrobienia komentarze.
SS użyć slash i gwiazdkę, a następnie gwiazdkę i ukośnik.
Więc myśli Zostawię to tutaj.
I zacznijmy zmieniając H-1 będzie fioletowy.
Więc sposób, że możemy napisać, że jeśli będziemy przestrzegać tego wzoru możemy go wybrać.
Więc będziemy pisać każdego z nich i ponownie i będziemy spędzać dużo czasu na różne rodzaje selektorów.
Więc teraz mamy nauki o jeden o nazwie selektor elementy, które doprowadziły do ​​wyboru w oparciu off typu elementu, który jest H-1.
Więc teraz mamy zamiar dodać obiekt tutaj i w tym filmie jesteśmy po prostu zamiar utrzymać ją bardzo prosta i używać kolorów.
Więc powiem kolor fioletowy, a następnie zapisać i przeładowanie lub stronę z powrotem i mamy fioletowy H-1 Więc następną rzeczą, co możemy zrobić, to zmienić wszyscy sojusznicy być pomarańczowy i aby to zrobić wybieramy z selektora elementu ponownie i możemy po prostu zrobić to prawo po.
Nie potrzeba żadnych przecinków ani żadnych innych znaków interpunkcyjnych.
Po prostu robimy kolejną regułę tutaj zastosowanie nawiasów klamrowych i tym razem mamy zamiar powiedzieć, kolor jest pomarańczowy.
Więc powodem robimy to chcę pokazać, że to selektor Elyse nie wystarczy wybrać jeden wybiera wszystkie kłamstwa.
Więc odświeżyć wszystkie trzy z nich są teraz Orange.
Podobnie z H-1, gdybyśmy mieli te kilka godz.
Więc dodam tylko trzy.
Oni wszyscy być fioletowy.
Jeszcze jedno pokażę wam tu jest, jeśli muszę znaleźć inny styl dla każdego potem i powiem powinien być niebieski okazuje niebiesko.
Wszystkie z nich zmieni kolor na niebieski.
A więc to, że robi się coś dowiemy się o wiele więcej o czym jest to, co się dzieje, gdy nie ma informacji w stylu sprzeczne.
I w tym przypadku zmieniliśmy ich za fioletowy.
A potem potem zmieniamy je wszystkie, aby być niebieski.
Więc ten, który przyszedł później wygrał bitwę chyba.
OK.
Tak więc problem z tym, co właśnie robią, choć wygląda dobrze, ale niestety jest to nadal w naszym HMO.
I ja właśnie zrobił mówiąc kilka minut temu chcemy oddzielić go lub H i R C s my nie chcemy, żeby być podłączony.
Więc chcemy, by być podłączone nie chcemy CCS być zagnieżdżone wewnątrz jej HMO.
Więc funkcjonalnie działa dokładnie w ten sam sposób.
Nie widzimy żadnej różnicy wizualnej, ale również to, co tak naprawdę chcesz zrobić, to użyć znacznika łącza.
Więc co tag Link pozwala nam zrobić, to napisać lub zobacz SS w zupełnie oddzielnym pliku, a następnie połączone z tagiem łącza zamiast naszej głowie, która w zasadzie idź zawartość tego pliku i duszy i stylu wszystko w naszym wieku.
Tim L. biorąc pod uwagę zawartość tego pliku.
Tak więc napisać, że możemy albo zacząć od nowego pliku i zamierzamy umieścić RC SS tu więc zamierzamy go uratować, a ja po prostu się nazywają go.
C Ss nazwać to, co chcesz, ale musi być kropka C Ss a ja wprowadzenie go w tym samym katalogu co mój plik HDMI.
Następną rzeczą, którą mam zamiar zrobić, to po prostu zdefiniować kilka stylów, a tutaj tak H-1 powiedzmy jest kolor czerwony i leży kolor zielony.
A skoro już tu jesteśmy zmieńmy go tak dobrze.
Kolor fioletowy.
Wspaniały.
Mamy więc CSSA zdefiniowane tu oczywiście i mam zamiar wypowiedzieć się to teraz.
Oczywiście, choć nie są one połączone w tej chwili.
Więc zrobiliśmy plik, ale to nie jest podłączony.
Tak więc, aby to zrobić musimy użyć tagu łącza.
Więc chciałbym wystarczy wpisać link, a następnie naciśnij kartę i widać, że jest to ważny atrybut, który Sublime Text chce nam wypełnić który nazywa się A-Trak i działa podobnie jak koryta na tagu zakotwiczenia i że nadać jej przybycie.
Dajemy mu miejsce, aby znaleźć plik.
Więc w tym przypadku plik ten jest nazywany po prostu apt nas tak po prostu napisać porywa tak nam zaoszczędzić i odświeżyć.
Teraz widać czytaliśmy H-1 Strona 4 fioletowy i zielony sojusznicy więc niech wszystko będziemy robić.
Jeśli chodzi o stylistykę teraz.
Przypomnę więc tutaj, pierwszą rzeczą, że omawiany jest przy użyciu atrybutu stylu, aby dodać styl linii, która wygląda jak ten styl jest równa, a następnie nadać jej własność i jest to zły pomysł z dwóch powodów.
Pierwszym z nich jest to, że nie chcą zaśmiecać lub H Tim L z wieloma stylami.
Chcemy, aby być oddzielone.
A drugim powodem jest to, że ból, jeśli chcemy zmienić ten stan rzeczy.
To dużo powielania, jeśli chcemy, aby wszystkie 3H jeden wątek.
Mamy skopiować ten kod do trzech różnych miejscach.
Następną rzeczą, że dowiedział się o używał tag tag styl i styl pozwala nam pisać C S nas wewnątrz naszego godz Timo.
I to działa dobrze.
To nie pozwala nam użyć składni CSSA gdzie możemy wybrać wszystkie każdą z nich na raz.
Problem z nim jest tak, że nie chcemy, aby umieścić R C S bezpośrednio rozwścieczyło go.
Ale można użyć tego od czasu do czasu, jeśli jesteś po prostu debugowanie coś chcesz szybko dodać kilka stylów, których nie chcesz, aby nowy plik, a następnie połączony.
Po prostu będzie go usunąć później.
Więc to naprawdę czas, w którym go używać.
To tylko w celach demonstracyjnych szybkich.
Ale co właściwie chcemy użyć, jest znacznik Link tag łącza.
To tylko odniesienie do innego pliku.
Więc musimy plik wypełniony stylów musi kończyć Dotsie oceniają go zapisać, a następnie połączyć je z atrybutem H ref i to wszystko, co musimy zrobić.
Jedno zapomniałem wspomnieć, że na pewno chcesz umieścić znaczniki łącza i style w głowie.