Damian Urbaczyk x HTML Tworzenie stylw CSS Zewntrzny
Damian Urbańczyk x. HTML Tworzenie stylów CSS
Zewnętrzny plik CSS Aby ułatwić sobie pracę ze stylami, najlepiej utworzyć osobny plik, w którym będą przechowywane wszystkie style, z których korzystamy na stronie WWW. Plik taki najlepiej nazwać style. css lub tak, abyśmy mogli go łatwo odnaleźć w celu dokonania zmian w jego zawartości.
Definicja stylu Każdy styl musi zostać zdefiniowany. Nazwa powinna być krótka, ale treściwa – od razu musi nam mówić, do czego dany styl jest używany – za co odpowiada. Przed nazwą stylu dajemy kropkę: . nazwa Opis formatowania stylu zawieramy w klamrach { … }. Każdy otwarty styl musi być zamknięty, aby nie wystąpiły późniejsze błędy w odczycie strony i formatowaniu.
Definiujemy wygląd czcionki Za wysokość czcionki odpowiada font-size, np. : font-size: 50 px; Za kolor czcionki odpowiada color, np. : color: red; Za krój czcionki odpowiada font-family, np. : font-family: Verdana;
Odstępy Aby zdefiniować odstępy, używamy padding. Możemy określić jednorazowo odstępy od góry, dołu, lewej i prawej strony, używając np. : padding: 20 px; Można też zdefiniować osobno odstępy dla lewej, czy innej strony: padding-left: 30 px; Analogicznie, zmieniając left na right, top i bottom, możemy zmienić odstępy do prawej, góry i dołu.
Obramowanie Definiowanie obramowania przydaje się to tabel, wierszy i kolumn. Obramowanie najłatwiej zdefiniować za pomocą border, podając jednocześnie trzy informacje: kolor, szerokość oraz styl ramki. Np. : border: #000000 solid 5 px; Powyższy styl utworzy tradycyjną linię czarnego koloru o szerokości 5 px.
Marginesy strony Aby zdefiniować marginesy strony, możemy użyć pojedynczego stylu margin lub osobno dla każdego marginesu, określając, który to margines: top (góra), bottom (dół), left (lewy), right (prawa).
Dziękuję za uwagę!
- Slides: 8