Arkusze stylów kaskadowych, czyli CSS, to język używany do stylizacji elementów strony internetowej HTML w celu zwiększenia piękna stron internetowych. CSS jest dość łatwy i może zaoszczędzić dużo czasu, obsługując tworzenie wielu stron internetowych jednocześnie i aby CSS działał, musisz dołączyć swój arkusz stylów do dokumentu HTML.

Istnieją trzy możliwe sposoby dodania arkusza stylów do dokumentu HTML;

1. Zewnętrzne CSS
   Zewnętrzne CSS to arkusz stylów, który jest zdefiniowany w osobnym pliku i jest zawarty w dokumencie HTML jako link z .Rozszerzenie CSS.
2. Wewnętrzne CSS
   Wewnętrzne CSS jest zdefiniowane w tym samym dokumencie HTML przy użyciu elementu w sekcji.
3. Wbudowane CSS
   Winline CSS jest również zdefiniowany w tym samym dokumencie HTML przy użyciu atrybutu stylu elementu. W tym samouczku omówimy jednak głębokie CSS…

Wbudowane CSS

W celu stylizowania poszczególnego elementu HTML stosuje się podejście CSS. Ta technika wykorzystuje atrybut stylu znacznika HTML, który zawiera CSS. Definicja stylu określona w atrybucie stylu wpłynie tylko na ten konkretny element.

Składnia

Znajdźmy i zrozummy technikę CSS za pomocą niektórych przykładów.

Przykład 1

Przypuśćmy, że chcesz stylizować

element za pomocą wbudowanego CSS.

Wbudowane CSS.

W powyższym przykładzie użyliśmy atrybutu stylu

tag do stylizowania nagłówka, używając następującego kawałka kodu.

Wbudowane CSS.

Wyjście

Ustawiamy kolor nagłówka na fioletową, czcionkę do „Times New Roman” i wyrównania tekstu do centrum.

Przykład 2

W powyższym przykładzie zaprojektowaliśmy prosty kawałek tekstu za pomocą CSS wbudowanego. W poniższym przykładzie stylizujemy przy użyciu wbudowanego CSS.

Ten przykład pokazuje zastosowanie wbudowanego CSS.

W powyższym przykładzie ustawiamy kolor wyściółki, granicy i tła elementu za pomocą następującego kawałka kodu.

Ten przykład pokazuje zastosowanie wbudowanego CSS.

Wyjście

W ten sposób możesz stylizować elementy, takie jak lub

Korzystanie z podejścia CSS wbudowanego CSS.

Teraz, gdy dobrze rozumiemy koncepcję dotyczącą wbudowanego CSS, przejdźmy przez kilka zalet i wady omawianej techniki.

Zalety wbudowanego CSS
Tutaj wymieniliśmy pewne zalety wbudowanego CSS.

• Możesz stylizować element indywidualnie.
• Zmniejsza ilość plików, które przeglądarka musi pobrać, co sprawia, że ​​procedura wyświetlania stron internetowych jest szybsza.
• Nadaje się do małych projektów internetowych.

Wady wbudowanego CSS
Tutaj wymieniliśmy kilka wad wbudowanego CSS.

• Winline CSS może sprawić, że Twój kod jest mniej możliwy do zarządzania.
• We wbudowanym CSS pliki nie są buforowane.
• Definicje stylów określone przy użyciu wbudowanego CSS nie są wielokrotnym użyciem.
• Pseudo kody i klasy nie mogą być stylizowane przy użyciu inline CSS.
• Nie jest to odpowiednie dla większych projektów, ponieważ zmniejsza mangeria kodu.

Wniosek

Inline CSS to technika zawierająca arkusze stylów w dokumencie HTML za pomocą atrybutu stylu elementu. Winline CSS pozwala użytkownikowi stylizować elementy indywidualnie, a określona definicja stylu wpłynie tylko na ten konkretny element. W tym poście podświetlono również technikę CSS wbudowaną z pomocą odpowiednich przykładów, co ponadto podkreślają się również zalety i wady omawianej techniki.