Da pe Twitter
Da pe FacebookIncepand cu HTML 4.0 toata formatarea textului poate fi scoasa din documentul HTML si pusa intr-o foaie de stil, separat.
Cum sa utilizati stilurile(styles)
Cand un browser citeste o foaie de stil, el va formata documentul HTML in cocncordanta cu aceasta. Exista 3 moduri de a introduce o foaie de stil:
Foaie de stil externa
O foaie de stil externa este ideala atunci cand se urmareste formatarea maimultor pagini. Folosind o foaie de stil externa se poate modifica aspectul unui intreg site prin simpla modificare a unnui singur document. Fiecare pagina trebuie sa contina o legatura catre pagina de stil folosind tag-ul <link> care se puna in sectiunea de head a unei pagini:
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
Foaie de stil interna
O foaie de stil interna ar trebui folosita in cazul cand o singura pagina are un design unic. Aceasta de defineste in sectiunea de head a paginii prin tag-ul <style>:
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
Stiluri Inline
Stilurile inline se utilizeaza atunci cand stilul se aplica pentru o singura afisare a unui element. Pentru stilurile inline se foloseste atributul style aplicat tag-ului relevant. Atributul style poate sa contina orice proprietate CSS. Exemplul urmator demonstreaza cum se poate schimba culoarea marginii din stanga ale unui paragraf:
<p style="color: red; margin-left: 20px"> Aici avem un paragraf </p>
Style Tags
| Tag | Descriere |
|---|---|
| <style> | Defineste un stil |
| <link> | Defineste link-ul catre o resursa |
| <div> | Defineste o sectiune din document |
| <span> | Defineste o sectiune din document |
| <font> | Nu se mai utilizeaza. Folositi styles |
| <basefont> | Nu se mai utilizeaza. Folositi styles |
| <center> | Nu se mai utilizeaza. Folositi styles |
