Osadź CSS w HTML 5 - tak to się robi
Możesz łatwo zintegrować CSS z HTML 5. Ponieważ jeśli chcesz, aby Twoje dokumenty HTML i XML były bardziej atrakcyjne graficznie, dobrym wyborem jest Cascading Style Sheets (CSS). Język formatowania oferuje wiele opcji wizualnego ulepszania witryn. Istnieją zasadniczo trzy różne sposoby integracji CSS z HTML 5. Pokażemy to w tej praktycznej wskazówce.
CSS w HTML 5: Opcja 1 - outsourcing pliku CSS
Pierwszą opcją jest przeniesienie CSS do osobnego pliku. Ma to wiele zalet: arkusze stylów wpływają nie tylko na jedną stronę, ale są automatycznie używane na każdej stronie HTML5. Główną zaletą jest administracja centralna. Możesz szybko wprowadzić zmiany na wszystkich stronach. Jak osadzić plik CSS w HTML 5:
- Utwórz nowy plik CSS.
- W obszarze głowy zapoznaj się z plikiem CSS. W tym przypadku plik otrzymał nazwę style.css - ale nazewnictwo jest oczywiście indywidualne:
- Należy zapisać plik style.css w głównym katalogu serwera WWW.
- Pomyślnie zintegrowałeś swój plik CSS z HTML 5.
CSS na początku pliku HTML 5
Jeśli nie chcesz tworzyć zewnętrznego pliku CSS, możesz również ustawić właściwości CSS w nagłówku dokumentu HTML 5. Wpływają one tylko na ten plik HTML 5, a nie na wszystkie strony HTML 5.
- Otwórz dokument HTML 5
- Wstaw następujące polecenie w obszarze głowy:
- Teraz zdefiniuj pożądane właściwości: Może to być na przykład rozmiar nagłówków, kolor tekstu itp. Użyj do tego znanych poleceń CSS.
- Zamknij polecenie po wprowadzeniu właściwości za pomocą.
- Określone właściwości zostały przyjęte dla tego dokumentu HTML 5.
Styl wbudowany CSS: używaj poleceń bezpośrednio
Ostatnim sposobem integracji CSS z HTML 5 jest styl wbudowany. Oznacza to, że wpisujesz swoje polecenia bezpośrednio w kodzie źródłowym.
- Przejdź do punktu, w którym chcesz zmienić sposób wyświetlania grafiki.
- Wprowadź bezpośrednio polecenia CSS. Na przykład może to wyglądać tak:
Niebieska podpozycja
- Właściwość jest używana tylko dla tego polecenia.