Powrót do głównej strony Pudel
Przejście do obramowań Przejście do dymków Padding




Klasa czy ID? Wielka debata CSS!

Ten akapit ma klasę o nazwie "description".

Ten akapit ma identyfikator o nazwie "unique".

Ten akapit ma również klasę o nazwie "description".





Selekty cz. 2

FOO

FOO

Not foo

not p, foo
SelektorWyjaśnienie
p wybierz wszystkie elementy o nazwie p
.foo wybierz wszystkie elementy których class = 'foo'
#identyfikator wybierz wszystkie elementy których id= 'identyfikator'
div,p wybierz wszystkie elementy o nazwie div oraz p
div p wybierz wszystkie elementy o nazwie p wewnątrz elementu div
div .foo wybierz wszystkie elementy o class='foo', wewnątrz elementu div
div p.foo wybierz wszystkie elementy o nazwie p, których class='foo' - wewnątrz elementu div
* wybierz wszystkie elementy na stronie










Obramowania

Powrót




Brak obramowania (domyślne): none
Solidna linia: solid.
Seria kropek: dotted.
Seria kresek: dashed
Podwójna linia: double
Wcięcie, efekt wyrzeźbienia: groove
Odwrotność groove: ridge
Efekt "zapadnięcia": inset
Efekt "wysunięcia" (przeciwieństwo inset): outset
Mix - można mixować wszystko
Świat jest okrągły!!!
Świat jest okrągły!!!
Świat jest okrągły!!!





Testy dymków

Powrót
To jest dymek





CSS oraz padding

Powrót



SelektorWyjaśnienie
p wybierz wszystkie elementy o nazwie p
.foo wybierz wszystkie elementy których class = 'foo'
#identyfikator wybierz wszystkie elementy których id= 'identyfikator'
div,p wybierz wszystkie elementy o nazwie div oraz p
div p wybierz wszystkie elementy o nazwie p wewnątrz elementu div
div .foo wybierz wszystkie elementy o class='foo', wewnątrz elementu div
div p.foo wybierz wszystkie elementy o nazwie p, których class='foo' - wewnątrz elementu div
* wybierz wszystkie elementy na stronie