Kascading Style Arreets (CSS) to komputerowy język wysokiego poziomu, który służy do projektowania stron internetowych opartych na HTML. Projektowanie strony obejmuje układy, kolory, rozmiar czcionki, style pisania i utrzymują projekt strony. W tym artykule dowiesz się o najpotężniejszym języku stylizacji, a także dowiesz się, w jaki sposób CSS rządzi HTML. Właściwości stylizacji CSS są osadzone za pomocą tagów HTML. CSS nie jest znacznikiem ani językiem proceduralnym; Jest to język deklaratywny, który określa własne zasady zgodnie z stylem atrybutów.

Składnia CSS

Składnia CSS obejmuje selektor i blok deklaracji, a blok deklaracji zawiera właściwości i ich wartości. Jak pokazano w danym przykładzie

H1
Text-Align: Right;

W tym przykładzie „H1” jest selektorem, „Wyrównanie tekstu” jest własnością i "Prawidłowy" to wartość wspomnianej nieruchomości.

Selektor CSS

Podobnie jak HTML ma znaczniki takie same jak CSS, które są używane do dostępu do elementów HTML i stylizowania ich wewnętrznie lub za pomocą zewnętrznego pliku CSS. Selektory te służą do zastosowania określonych właściwości CSS na wybranych elementach HTML.

Element można wybrać za pomocą nazwy elementów, identyfikatora i nazwy klasy. Na przykład, aby uzyskać dostęp do elementu o nazwie klasy, umieść kropkę (.) przed nazwą klasy, jak pokazano w danym przykładzie.

.Centrum
Text-Align: Right;
Zielony kolor;

Zgodnie z powyższym przykładem elementy HTML z klasą „środkową” będą zgodne i ma zielony kolor.

Klasa CSS jest zaimplementowana.

Jak wdrożyć CSS na HTML?

Istnieją trzy sposoby na wdrożenie CSS w pliku HTML:

• Wline
• wewnętrzny i
• zewnętrzny.

Wbudowany styl CSS

W stylu inline właściwości CSS są ustalane w znacznikach HTML za pomocą atrybutu stylu, takiego jak pokazano w danym przykładzie.

Ten tag jest używany do akapitów.

Własność danego stylu sprawia, że ​​konkretny akapit zielony. Korzystając z stylizacji CSS, możesz zastosować ten styl tylko na określonych elementach.

Jednak ten wbudowany styl CSS nie jest zalecany, ponieważ zwiększa złożoność kodu.

Wewnętrzna stylizacja CSS

Wewnętrzny CSS StylingCan należy zastosować na całej stronie internetowej, ponieważ jest on osadzony w sekcji głównej na stronie HTML z Element i możemy po prostu uzyskać dostęp do dowolnego ELELMTN za pomocą selektorów CSS. Jak pokazano w danym przykładzie.

Przykład

<

Nagłówek

Ustęp

Zewnętrzna stylizacja CSS

W zewnętrznym stylizacji CSS tworzony jest plik CSS wraz z rozszerzeniem .CSS, które połączyły się z plik HTML, dodając jego link w sekcji głównej. Wiele stron HTML można jednocześnie używać tego pliku zewnętrznego. Przykład zewnętrznego pliku w stylu CSS podano poniżej.

Przykład

styl.CSS

ciało
kolor tła: zielony;

H1
kolor czerwony;

P
czarny kolor;

indeks.html

Nagłówek

Ustęp

Komentarze w CSS

W każdym języku programowania komentarze języka nie są wyświetlane w przeglądarce, mogą one pomóc w opracowaniu i zrozumieniu kodu w momencie edycji.

W CSS komentarz jest napisz między tymi znakami ( /* I */). Wzór komentarza jest również pokazany w danym przykładzie:

/ * To jest komentarz */
H1
kolor czerwony;

Wniosek

CSS oznacza kaskadowe arkusze stylów i służy do projektowania stron internetowych opartych na HTML. Korzystając z stylizacji CSS, projektowanie strony, w tym układy, kolory, rozmiar czcionki i wiele więcej rzeczy. W tym poście wprowadzenie CSS, składnia CSS, działanie CSS z plikami HTML i jak pisać komentarze w CSS, wyjaśniono za pomocą przykładów.