Ściągawka CSS - Wprowadzenie
Kaskadowe arkusze stylów, znane również jako CSS, to język arkuszy stylów używany do opisywania prezentacji dokumentu napisanego w języku znaczników, takim jak HTML. Zasadniczo upraszcza to proces prezentacji stron internetowych. Obsługuje wygląd strony internetowej i służy do sterowania funkcjami strony internetowej, takimi jak kolor tekstu, styl czcionek, odstępy między akapitami, wyrównywanie kolumn, obrazy i kolory tła oraz wiele innych efektów . Zalety ściągawki CSS polegają na tym, że oszczędza czas, strony ładują się szybciej, łatwa konserwacja, doskonałe style, kompatybilność z wieloma urządzeniami i globalne standardy sieciowe.
Polecenia i treść w Ściągawka CSS
Podstawowa składnia
Podstawowa składnia ściągawki CSS składa się z selektora i składników deklaracji. Komponent selektora określa element HTML, który należy stylizować. Składnik deklaracji zawiera dwie lub więcej właściwości i ich specyfikacje oddzielone średnikami. Komponent deklaracji zawsze zaczyna się i kończy nawiasami klamrowymi.
Poniżej wymieniono polecenia CSS Cheatsheet, które wykonują różne operacje:
| Specyfikacja | Komenda |
| Zabarwienie | Kolory są określane przy użyciu predefiniowanych nazw kolorów lub wartości RGB, HEX, HSL, RGBA, HSLA. |
| Tła | Kolor tła elementu jest określony przez właściwość background-color |
| Granice |
|
| Marginesy | Właściwość Margines ustawia właściwości marginesów w jednej deklaracji. |
| Wyściółka | Właściwością do ustawiania właściwości wypełnienia w jednej deklaracji jest wypełnienie. |
| Wysokość szerokość | Właściwości wysokości i szerokości służą do określania wysokości i szerokości elementu. |
| Zarys | Właściwość stylu konturu określa typ konturu elementu. |
| Tekst | Właściwość color służy do ustawiania koloru tekstu. |
| Czcionki | Właściwość font-family służy do ustawienia czcionki zaznaczonego tekstu. |
| Spinki do mankietów | Właściwość dekoracji tekstu służy do usuwania podkreśleń z łączy, a właściwość koloru tła może służyć do określania koloru tła łączy. |
| Listy | Właściwość stylu listy ustawia właściwość listy w jednej deklaracji. Obraz w stylu listy określa obraz jako znacznik elementu listy. Pozycja w stylu listy określa pozycję znacznika pozycji w liście. Typ stylu listy określa typ znacznika elementu listy. |
| Stoły | Obramowanie ustawia wszystkie właściwości obramowania w jednej deklaracji. Zwinięcie granicy określa, czy granica powinna zostać zwinięta, czy nie. Odstępy graniczne odległości lub odstępy między sąsiednimi komórkami. Strona podpisu określa umiejscowienie podpisu w tabeli. Układ tabeli ustawia algorytm układu tabeli. |
| Pokaz | Właściwość display określa, czy element jest wyświetlany i jak jest wyświetlany. |
| Maksymalna szerokość | W procesie określania szerokości elementu blokowego użycie parametru max-width poprawi obsługę małych okien przez przeglądarkę. |
| Pozycja | Właściwość position określa pozycję elementu. |
| Przelewowy | Właściwość przepełnienia kontroluje tekst, który jest zbyt duży, aby zmieścił się w obszarze. |
| Pływak | Właściwość float określa sposób, w jaki element powinien się unosić. |
Darmowe porady i triki korzystania z Ściągawki Polecenia CSS: -
Niektóre niezbędne sztuczki ze ściągami CSS są następujące.
- Model pudełkowy: Model pudełkowy CSS jest zasadniczo pudełkiem, które otacza każdy element HTML. Składa się z marginesów, ramek, wypełnienia i zawartości.
- Pseudo-klasa: Służy do definiowania określonego stanu elementu, który polega na stylizowaniu elementu w inny sposób, gdy użytkownik najedzie na niego myszką, stylu odwiedzanych i niezwiedzonych łączy oraz stylu elementów, które są w centrum uwagi.
- Pseudoelement: służy do stylizowania części elementu, takiej jak pierwsza litera, słowo lub linia. Pomaga także wstawiać zawartość przed i po treści elementu.
- Wysokość ekranu w pionie: służy do określenia zakresu, w jakim zawartość powinna zajmować ekran.
- Stylowe łącza telefoniczne: Określa właściwości łączy, które otwierają się jako numery telefonów w telefonie.
- Paski nawigacji: Ważne jest, aby strona internetowa miała dobrą nawigację. CSS przekształca nudne menu HTML w dobrze wyglądające paski nawigacyjne.
Wniosek
Ściągawka CSS, jako narzędzie do budowania stron internetowych, jest bardzo skuteczna. Ponieważ opcje lepszej prezentacji strony internetowej i dodawania użytecznych funkcji są więcej w CSS, jest to znacznie preferowane.
Polecane artykuły
To był przewodnik po ściągach CSS tutaj omówiliśmy treść i polecenia, a także bezpłatne porady i sztuczki ściągawki CSS. Możesz także przeczytać następujący artykuł, aby dowiedzieć się więcej -
- Ściągawka SQL
- Najważniejsze pytania do wywiadu CSS
- Różnice między CSS a CSS3
- Wywiad CSS3 Pytania i odpowiedzi
- Ciekawa ściągawka dla UNIX
- Ściągawka JavaScript: Funkcje