Start CSS Anatomia stylu CSS


Designed by:
Peery


Anatomia stylu CSS PDF Drukuj Email
Wpisany przez Webmaster   
niedziela, 18 grudnia 2011 15:25

Budowa pojedynczego stylu (reguły) jest bardzo prosta i składa się z dwóch podstawowych części:  selektora, który informuje, co ma być sformatowane i bloku deklaracji, który zawiera listę instrukcji formatowania. Każdy blok deklaracji zawiera oddzielone średnikiem pojedyncze deklaracje.  Natomiast deklaracja jest podzielona na Właściwość oraz oddzielona dwukropkiem odpowiednią wartość.

 

Anatomia stylu CSS

 

  • Selektor – informuje przeglądarkę, który element (lub elementy) mają mieć nadany styl, np. akapit, obrazek, odnośnik, itp.
  • Blok deklaracji – zawiera wszystkie deklaracje, które formatują selektor do którego jest przypisany. Blok  rozpoczyna się i kończy nawiasem klamrowym ({…}).
  • Deklaracja – w bloku deklaracji zawiera się jedna lub więcej deklaracji. Każda deklaracja składa się z właściwości i jej wartości oraz kończącego ją średnika.
  • Właściwość – opcja formatowania powodująca określony efekt stylizujący
  • Wartość – przekazuje przeglądarce w jaki sposób Dan właściwość ma być sformatowana. Może przyjmować różne typu, np.  kolor, jednostkę miary, lub konkretne słowa.

W definicji stylu elementy (selektory) można grupować. Możemy przypisać te same wartości jednocześnie kilku selektorom:

 

Anatomia stylu CSS

 

Przydatne linki