W języku HTML niektóre elementy mają nadpisane marginesy zewnętrzne jak i wewnetrzne - różne w poszczególnych przeglądarkach. Kiedy robimy stronę internetową, po wstawieniu danego elementu posiadającega taki właśnie nadpisany margines, strona może nam się nieoczekiwanie "rozjechać". Aby tego uniknąć, należy na początku arkusza stylów umieścić następujący kod:
* {
margin: 0;
padding: 0;
}
Selektor * odpowiada a wszystkie możliwe elementy. Po wstawieniu wyżej wymienionego
kodu do akusza stylów, należu ustawić żądane marginesy według własnego upodobania.
W CSS przy niektórych znacznikach mamy możliwośc wpisywania kilku wartośc do jednej
cechy. Część z nich ma ustaloną kolejność wpisywania. Na przykład w margin przy
wpisywaniu 4 wartości musimy najieprw wpisac wartość górnego marginesu, potem prawego, dolnego i
lewego.
Tak więc dany element z wpisanym marginesem zewnętrznym:
margin: 4px 5pt 1cm 2px
Będzie wyglądał zupełnie inaczej niż:
margin: 1cm 4px 5pt 2px
Za to w takich cechach jak background, border, outline i
font nie ma znaczenia w jaiej kolejności wpiszemy poszczególne wartości.
Tak więc dany element z wpisanym obramowaniem:
border: 3px dotted #000
Będzie wyglądał tak samo jak:
border: dotted #000 3px
Dobrze jest za to ustalić sobie w jakiej kolejności będziemy wpisywali atrybuty mieszane do różnych cech. I tutaj trafiamy w sedno tego tematu. Cel tego jest taki, że łatwo można się pogubić, gdy bedziemy miec to samo napisane w kilku różnych sposobach, a w dodatku po prostu lepiej jest miejć to wszystko ujednolicone.
Przedstawiam więć moją propozycję kolejności wartości:
Dla tła (background):
background: kolor tło obrazkowe powtarzanie pozycja zaczepienie
Na przykład:
background: #ccc url('images/tlo.jpg') no-repeat center fixed
Dla obramowania (border):
border: kolor szerokość styl
Na przykład:
border: #000 1px dashed
Dla obrysu (outline)
outline: kolor szerokość styl
Na przykład:
outline: #fff 2px solid
Dla czcionki (font)
font: wielkość rodzaj waga styl wariant
Na przykład:
font: 15pt Arial bold normal normal
Oczywiście, każdą wartość można pominąć.