CSS – #1 Wprowadzenie

css #1

Kaskadowe arkusze stylów (CSS) to element, bez którego nie istniała by żadna profesjonalna strona internetowa. Jest on nieodłączną częścią zdecydowanej większości witryn niezależnie od jej przeznaczenia.

Słowem wstępu

CSS (Cascading Style Sheets) – to język służący do opisu wyglądu strony webowej – rozmieszczenia elementów, kroju czcionek, wielkości poszczególnych elementów, czy ich kolorów.

W tej serii poradników przybliżę sztukę projektowania witryn internetowych od strony graficznej otoczki strony – CSS. Kolejne części poradnika pojawią się już niedługo.

Budowa CSS

Arkusz CSS składa się ze znacznika i jego parametrów. Przy użyciu CSS jesteśmy w stanie określić wygląd oraz położenie każdego znacznika w powiązanym arkuszu HTML.

W CSS w pierwszej kolejności definiujemy znacznik, który będziemy edytować, następnie używamy nawiasów klamrowych w celu określenia, które linijki kodu będą dotyczyły naszego znacznika.

Definiujemy parametr, a jego wartość oddzielamy dwukropkiem. Każdą linijkę parametrów kończymy oczywiście znakiem średnika.

W tym przypadku kod CSS będzie rzutował na wygląd nagłówka „h5” w przeglądarce. Zostanie zmieniony kolor czcionki, jej wielkość, wygląd, odległość między literami oraz małe litery zostaną zamienione na wielkie.

Jesteśmy w stanie stosować różnego rodzaju parametry, dla kolorów, możemy zamiennie używać oznaczeń kolorów przy użyciu # lub ich angielskich nazw.

Przy użyciu arkuszy stylów jesteśmy w stanie edytować dosłownie każdy element naszej witryny, personalizując ją według naszego uznania.

Dzięki kaskadowym arkuszom stylów jesteśmy w stanie tworzyć kluczowe elementy naszej witryny takie jak menu główne, modyfikować obrazy, zmieniać tło witryny, czy chociażby dzielić stronę na części.

W kolejnym poradniku dokładniej przybliżę tworzenie kaskadowych arkuszy stylów. Opiszę również więcej parametrów stosowanych do edycji wyglądu elementów witryny.

 

47-72-65-79-20-68-61-74-2c-20-70-72-6f-67-72-61-6d-69-73-74-61-2c-20-77-65-62-64-65-76-65-6c-6f-70-65-72-0a-41-64-6d-69-6e-69-73-74-72-61-74-6f-72-20-43-72-61-63-6b-63-61-74

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *