Czym jest CSS?
Część sekcji Stylizacja za pomocą CSS ścieżki HTML w Coddy. Lekcja 1 z 76.
CSS to potężny i niezbędny język służący do stylizacji stron internetowych, który pozwala z łatwością tworzyć atrakcyjne wizualnie i dobrze zaprojektowane witryny.
Współpracuje z HTML, ożywiając Twoje treści i przekształcając zwykły tekst oraz elementy w piękne, angażujące układy.
Za pomocą CSS możesz kontrolować wygląd każdego elementu swojej witryny — od kolorów i czcionek po odstępy i położenie.
Wyzwanie
ŁatwyNaciśnij przycisk uruchamiania kodu, aby uruchomić swój pierwszy kod w CSS.
Bonus: spróbuj zmienić kolor akapitu! Czy potrafisz dostrzec, jak to zrobić?
Spróbuj swoich sił
<html>
<head>
<style>
p {
color: blue;
}
</style>
</head>
<body>
<p>Hello CSS!</p>
</body>
</html>Ta lekcja zawiera krótki quiz. Zacznij lekcję, żeby na niego odpowiedzieć i śledzić swoje postępy.
Wszystkie lekcje w sekcji Stylizacja za pomocą CSS
4Podstawy tekstu
Kolor tekstuRodzina czcionekRozmiar czcionkiGrubość czcionkiWyrównanie tekstuDekoracja tekstuWyzwanie powtórkowe #1Wyzwanie powtórkowe #27Model pudełkowy, część 1
Czym jest model pudełkowy?Odstęp wewnętrznyMarginesyObramowaniaSzerokość i wysokośćZadanie podsumowujące13Strona internetowa Tonga
Menu nawigacyjneNagłówek powitalny8Model pudełkowy, część 2
Rozmiar pudełkaZaokrąglenie rogówPrzepełnienieCień pudełkaWyzwanie podsumowujące3Podstawowe selektory
Wprowadzenie do selektorówSelektor typuSelektor klasySelektor identyfikatoraGrupowanie selektorówSelektor uniwersalnyWyzwanie: selektory9Flexbox
Czym jest Flexbox?Kierunek flexJustify ContentAlign ItemsIdealne wyśrodkowanieWyzwanie Flexbox12Podstawy responsywnego projektowania
Czym jest responsywne projektowanie?Znacznik meta viewportElastyczne układyJednostki viewportuPodstawy Media QueriesElastyczne obrazyPoćwicz samodzielnie: Edytor online Web