Fontaine

Kod ten pozwala na umieszczenie cienia w tekście. Prosty do zastosowania kod umieszczamy w arkuszu stylu Css, a następnie w elemencie strony podczepiamy jako klase do div, a.


FAQ:


Co powinniśmy wiedzieć dokładnie o tym kodzie?
- Pozwala na wstawienie cienia pod tekstem.

W jakim miejscu zastosować skrypt w kodzie?
- Należy kod zastosować pomiędzy body a /body, a dokładniej w elementach typu div, a.


Skrypt:


text-shadow: 1px 2px 3px #000000;


Legenda:


text-shadow
- Kod dodaje cień elementom tekstu.

1px
- Cien wielkości Xpx (1px) w prawo. Wartość minusowa da cień w lewo.

2px
- Cień wielkości Xpx (2px) w dół. Wartość minusowa da cień w górę.

3px
- Intesywność cienia, jego rozproszenie.

#000000
- Kolor cienia. Można stosować również angielskie słowa kolorów takie jak red, blue, green, gold i tak dalej.


Przykładowe zastosowania:


text-shadow: 2px 2px 10px black;
- Daje to samo co
text-shadow: 2px 2px 10px #000000;

Przykład #1

Stosujemy w kodzie css
a.box {text-shadow: 2px 2px 10px red;}

Kod, który ma wyświetlać cień w tekście
<a class="box">Przykładowy tekst z cieniem czerwonym.</a>

Effekt

Przykładowy element z cieniem czerwonym.

Kod ten pozwala na umieszczenie cienia w elemencie strony. Prosty do zastosowania kod umieszczamy w arkuszu stylu Css, a następnie w elemencie strony podczepiamy jako klase do div.


FAQ:


Co powinniśmy wiedzieć dokładnie o tym kodzie?
- Pozwala na wstawienie cienia element strony.

W jakim miejscu zastosować skrypt w kodzie?
- Należy kod zastosować pomiędzy body a /body, a dokładniej w elementach typu div.


Skrypt:


box-shadow: 1px 2px 3px #000000;


Legenda:


box-shadow
- Kod dodaje cień elementom strony.

1px
- Cien wielkości Xpx (1px) w prawo. Wartość minusowa da cień w lewo.

2px
- Cień wielkości Xpx (2px) w dół. Wartość minusowa da cień w górę.

3px
- Intesywność cienia, jego rozproszenie.

#000000
- Kolor cienia. Można stosować również angielskie słowa kolorów takie jak red, blue, green, gold i tak dalej.


Przykładowe zastosowania:


box-shadow: 2px 2px 10px black;
- Daje to samo co
box-shadow: 2px 2px 10px #000000;

Przykład #1

Stosujemy w kodzie css
div.box {box-shadow: 2px 2px 10px red;}

Kod, który ma wyświetlać cień
<div class="box">Przykładowy element z cieniem czerwonym.</div>

Effekt

Skrypt pozwala zastosować na stronie internetowej odnośnika do arkusza stylu css, w którym możemy edytować wszystkie rzeczy jakie posiadamy na stronie w prosty sposób.

FAQ:

Co powinniśmy wiedzieć dokładnie o tym skrypcie?
- Ułatwia pracę oraz edytowanie strony internetowej.

W jakim formacie należy zapisać plik stylu css?
- Format jaki wskazuje nazwa .css

W jakim miejscu zastosować skrypt w kodzie?
- Należy skrypt zastosować pomiędzy head a /head.

Skrypt:

<link rel="stylesheet" href="styl.css" type="text/css" />

Legenda:

rel="stylesheet"
- Kod standardowy, który wie, że stosujemy skrypt do stylu css na stronie internetowej. Ważne jest to aby nie zmieniać tego.

href="styl.css"
- Podajemy dokładny link pomiędzy " a " gdzie znajduję się nasz plik czyli arkusz styli css. Pamiętając, że format .css musi być koniecznie.

Przykładowe zastosowania:

href="styl.css"
href="styl/styl.css"
href="Katalog/NazwaPliku.css"

type="text/css"
- Mówi nam, że mamy doczynienia z plikiem tekstowym formatu css. Nie zmieniamy tego.