Główna zawartość
Programowanie
Kurs: Programowanie > Rozdział 2
Lekcja 2: Wprowadzenie do CSS- Podstawy CSS
- Szybka porada: Wybieranie przez nazwę znacznika
- Wyzwanie: Kolorowe stworzenie
- CSS: Wybór przez id
- Wyzwanie: Sezonowe id
- CSS: Wybór przez klasę
- Wyzwanie: Klasy jabłek i bananów
- Użycie prostych selektorów CSS
- Projekt: Strona o podróżach
© 2023 Khan AcademyWarunki użytkowaniapolitykę prywatnościInformacja o plikach cookie
Szybka porada: Wybieranie przez nazwę znacznika
Jak się tego właśnie uczysz, używamy reguł CSS do wybierania elementów na stronie, tak, żeby móc ustawić jak te elementy mają wyglądać.
Sposobem, w jaki mówimy naszej regule CSS, do których elementów HTML zastosować jaki styl, jest użycie selektorów. Jest wiele rodzajów selektorów, które omówimy później, chcemy tutaj tylko przypomnieć jeden z tych, które omówiliśmy: selektor elementu.
Selektor elementu wybiera elementy HTML w oparciu o nazwę ich znacznika. Każdy element HTML,
<h1>
, <p>
, <li>
, <body>
i dowolny inny element HTML może zostać wybrany w CSS przy użyciu jego nazwy bez ostrych nawiasów (<
i >
). Na przykład możesz wybrać wszystkie znaczniki <p>
na Twojej stronie używając selektora elementu p
. To jest reguła CSS, która zmienia kolor każdego akapitu na stronie internetowej:p {
color: rgb(255, 0, 0);
}
Sprawdźmy, czy rozumiesz. Która z tych reguł wybierze wszyskie elementy
<h2>
na stronie?Spróbuj użyć selektorów elementów z różnymi nazwami znaczników w następnym wyzwaniu. Kiedy będziesz eksperymentować, uważaj na to, na co wpływają na stronie Twoje reguły CSS - które elementy zmienią kolor, a które nie.
Chcesz dołączyć do dyskusji?
- good job. This website is awsome(35 głosów)
- Jestem w USA i uczymy sie tutaj na tej stronie . Fajnie tak uczyc sie tego po Polsku a nie po Angielsku .(29 głosów)
- Jestem w Polsce i ucze sie na tej stronie. Jestem cienki z informatyki dlatego dobrze iż mam ją tylko rok ;) .(2 głosy)
- Jak sądzicie, czy papryka jest smaczna?(15 głosów)
- oczywiście, to kwintesencja wybitnego smaku(8 głosów)
- Czemu w kolejnym i w poprzednim zadaniu nie chce mi zaliczyć polecenia z wklejeniem obrazu skoro go wkleiłam? D: Ciągle wyskakuje mi u góry te same zadanie - żeby go wkleić, pomimo że przecież jest.(7 głosów)
- Mi też tak się robi. Nie jesteś sam :)(3 głosy)
- pozdrawiam grombkowskiego barylarza nie dobrego kumplasza(6 głosów)
- Czy możesz użyć tagów <strong> i <em> do opisania co to za zwierzę i dlaczego jest takie wspaniałe?(1 głos)
- Treść strony to kwestia programisty.(0 głosów)
- nienawidzę programowania, ale dzięki Khan Academy jest trochę lepiej :D(1 głos)
- jak zrobić kolorowe stworzenie? hylp(0 głosów)