Najlepszy samouczek Tworzenie CSS W 2024 r. W tym samouczku możesz dowiedzieć się Jak wstawić stylów,Zewnętrzny arkusz stylów,Wewnętrzny arkusz stylów,inline stylu,Wiele stylów,Wiele stylów są laminowane jeden,
Podczas czytania arkusza stylów, przeglądarka będzie oparta na jego sformatowanego dokumentu HTML.
Włóż arkusz stylów na trzy sposoby:
Gdy styl jest stosowany do wielu stron to wymagane, zewnętrzny arkusz stylów będzie idealnym wyborem. W przypadku zewnętrznego arkusza stylów, można zmienić plik, aby zmienić wygląd całej witryny. Każda strona wykorzystuje tag <link> link do arkusza stylów. <Link> tag w (document) Kierownik:
Przeglądarka będzie odczytywana z deklaracją stylu mystyle.css plików zgodnie z nim do formatowania dokumentu.
Zewnętrzny arkusz stylów można edytować w dowolnym edytorze tekstowym. Pliki nie mogą zawierać żadnych tagów HTML. Arkusz stylów powinny być zapisywane z rozszerzeniem .css. Oto przykład pliku arkusza stylów:
Nie należy pozostawiać spacji między wartością nieruchomości i urządzeń. Jeśli używasz "margin-left: 20 px" zamiast "margin-left: 20px", jest ważna tylko w IE 6, ale to nie działa w przeglądarce Mozilla / Firefox lub Netscape.
Gdy pojedynczy dokument wymaga specjalnego stylu, należy zastosować arkusz stylów wewnętrznych. Można użyć znacznika <style> w nagłówku dokumentu, aby zdefiniować arkusz stylów wewnętrznych, jak poniżej:
Ze względu na wydajność i zawartość miesza się ze sobą, style inline stracą wiele zalet arkuszy stylów. Należy ostrożnie ten sposób, na przykład, gdy styl musi być zastosowane tylko jeden raz w jednym elemencie.
Aby korzystać z wbudowanych stylów, należy użyć atrybutu stylu (Style) w odpowiednim tagiem. atrybut styl może zawierać żadnych właściwości CSS. Ten przykład pokazuje, jak zmienić kolor ust i lewego marginesu:
Jeśli niektóre atrybuty są zdefiniowane tego samego selektora w różnych arkuszy stylów, to wartość nieruchomości od bardziej konkretnego arkusza stylów jest dziedziczona.
Na przykład, zewnętrzny arkusz stylów ma trzy właściwości selektora H3:
Arkusz stylów wewnętrzna posiada dwie właściwości selektora H3:
Jeśli styl ma arkusze stylów wewnętrznych i zewnętrznych arkuszy stylów link do tej strony w tym samym czasie, a następnie h3 pojawia się:
To jest właściwość kolor będzie dziedziczona z zewnętrznego arkusza stylów i układem tekstu (text-wyrównania) oraz rozmiar czcionki (font-size) zostaną zastąpione przez wewnętrzne przepisy arkuszy stylów.
Arkusze stylów pozwalają informacji stylem określonym w różny sposób. Style można określić w jednym elemencie HTML, pierwszy element strony HTML lub w zewnętrznym pliku CSS. Nawet wielokrotne zewnętrzne arkusze stylów można odwoływać się wewnątrz jednego dokumentu HTML.
Gdy ten sam element HTML jest określone przez więcej niż jednej postaci, jaki styl będzie używać?
Ogólnie rzecz biorąc, wszystkie style będą układane w nowym arkuszu wirtualny stylu według następujących zasad, gdzie numer 4 ma najwyższy priorytet.
Więc stylu inline (wewnątrz elementu HTML) ma najwyższy priorytet, co oznacza, że ma pierwszeństwo przed następującymi deklaracją stylu: etykieta styl oświadczenie, zewnętrzny arkusz stylów styl oświadczenie lub przeglądarki styl oświadczenie (wartość domyślna).
Wskazówka: W przypadku korzystania z zewnętrznego pliku stylu w sekcji <head> jest zdefiniowany styl, arkusz stylów zastąpi styl wewnętrzny plików zewnętrznych.