Salutare! In acest tutorial va voi invata ce este si cum se foloseste CSS. CSS(Cascading Style Sheets)este un standard pentru formatarea elementelor unui documentHTML. Stilurile se pot atașa elementelor HTML prin intermediul unor fișiere externe sau în cadrul documentului, prin elementul<style> și/sau atributul style . CSS se poate utiliza și pentru formatarea elementelorXHTML,XMLșiSVGL.
CSS3 reprezintă un upgrade ce aduce câteva atribute noi și ajută la dezvoltarea noilor concepte in webdesign.
Unele dintre cele mai importantemodule noi adăugate acestui standard pentru formatarea elementelor HTML aduc un plus considerabil in dezvoltarea activități webdesign.
Mai jos sunt prezente in listă cele mai importante modulele adăugate inCSS3:
Avantajele CSS:
– controlul layoutului documentelor dintr-o singura pagina de stiluri,
– controlul mai exact al layoutului,
– aplicare de layouturi diferite pentru tipuri media diferite (ecran, printare, etc),
– tehnici numeroase si sofisticate.
Practic, pentru a formata continutul cu CSS, trebuie sa cream o clasa si sa atribuim acea clasa continutului. Atributul HTML pentru clase este class="" .
Dupa cum vedeti am aplicat paragrafului de mai sus clasa paragraf. Acum nu trebuie decat se definim aceasta clasa.
Acum probabil ca va intrebati unde se pune aceasta bucata de cod. Pentru a adauga un cod CSS avem mai multe optiuni:
1. FormatareCSS inline(in interiorul tag-ului HTML)
2. FormatereCSS interna(in sectiunea head a documentului)
3. FormatareCSS externa(fisier .css extern)
1. FormatareCSS inline
2. FormatereCSS interna
3. FormatareCSS externa
Fisierul extern va avea extensia .css.
Tag-ul HTML:
http://tuwer.eu/introducere-in-css/
CSS3 reprezintă un upgrade ce aduce câteva atribute noi și ajută la dezvoltarea noilor concepte in webdesign.
Unele dintre cele mai importantemodule noi adăugate acestui standard pentru formatarea elementelor HTML aduc un plus considerabil in dezvoltarea activități webdesign.
Mai jos sunt prezente in listă cele mai importante modulele adăugate inCSS3:
- Selectors
- Box Model
- Backgrounds and Borders
- Image Values and Replaced Content
- Text Effects
- 2D/3D Transformations
- Animations
- Multiple Column Layout
- User Interface
Avantajele CSS:
– controlul layoutului documentelor dintr-o singura pagina de stiluri,
– controlul mai exact al layoutului,
– aplicare de layouturi diferite pentru tipuri media diferite (ecran, printare, etc),
– tehnici numeroase si sofisticate.
Practic, pentru a formata continutul cu CSS, trebuie sa cream o clasa si sa atribuim acea clasa continutului. Atributul HTML pentru clase este class="" .
Cod:
<pclass="paragraf">Textul tau formatat aici!</p>
Cod:
.paragraf {
color:#ff5566;
font-family:Tahoma;
background-color:#ff4455;
}
1. FormatareCSS inline(in interiorul tag-ului HTML)
2. FormatereCSS interna(in sectiunea head a documentului)
3. FormatareCSS externa(fisier .css extern)
1. FormatareCSS inline
Cod:
<pstyle="color: #ff5566;">Text aici...</p>
Cod:
...
<head>
<style>
.paragraf {
color:#ff5566;
font-family:Tahoma;
background-color:#ff4455;
}
</style>
</head>
...
Fisierul extern va avea extensia .css.
Cod:
/* foaiedestil.css */
.paragraf{
color:#ff5566;
font-family:Tahoma;
background-color:#ff4455;
}
Cod:
<link rel="stylesheet"type="text/css"href="foaiedestil.css"/>
http://tuwer.eu/introducere-in-css/