CSS - Cunostiinte de baza

Tot ce trebuie sa stii despre CSS.

Moderators: Moderator ajutator, Moderator

full skill
full skill
Status: Offline
Posts: 1216
Registered for: 10 years 8 months
10
Cont Premium: vScorpio
Location: București

CSS - Cunostiinte de baza Post by Scorpio »

CSS, prescurtarea de la Cascading Style Sheets, sunt etichete folosite pentru formatarea paginilor web (de exemplu formatare text, background sau aranjare in pagina, etc.).
Beneficiile sintaxei CSS sunt:
  • formatarea este introdusa intr-un singur loc pentru tot documentul
  • editarea rapida a etichetelor
  • datorita introducerii intr-un singur loc a etichetelor se obtine o micsorare a codului paginii, implicit
  • incarcarea mai rapida a acesteia

    Sintaxa CSS este structurata pe trei nivele:
  • nivelul 1 fiind proprietatile etichetelor din documentul HTML, tip inline
  • nivelul 2 este informatia introdusa in blocul HEAD, tip embedded
  • nivelul 3 este reprezentat de comenzile aflate in pagini separate, tip externe
    Cea mai mare importanta (suprascrie orice alt parametru) o are sintaxa de nivelul 1 iar cea mai mica importanta o are cea de nivelul 3.
Folosirea unui fisier extern sau nivel 3 care sa contina comenzi CSS este foarte practic deoarece poate fi utilizat in mai multe situatii (mai multe fisiere HTML pot folosi acelasi fisier extern CSS) eliminand timpul necesar introducerii codului corespunzator in fiecare pagina si totodata editarea lor intr-un singur loc pentru mai multe fisiere.
Extensia acestor fisiere este .css.
Legatura paginilor HTML cu fisierele extene CSS se face prin introducerea urmatoarei linii:

Code: Select all

<link rel="stylesheet" type="text/css" href="fisier_css.css">
Atributele indica urmatoarele: rel - fisierul este tip styleshhet
  • type - tip text ce contine comenzi CSS
  • href - fisierul sau adresa fisierului CSS.
Comenzile de nivel 2 sau embedded sunt cele gazduite oriunde intre perechea de etichete <head> si

Code: Select all

</head> conform sintaxei:
<style type="text/css">
<!--
... comenzi CSS ...
-->
</style>
Unde style -specifica unde incepe si unde se termina blocul CSS iar type este folosit pentru a ascunde de browserele vechi, care nu cunosc sintaxa CSS, continutul blocului style.

Comenzile CSS de nivel 1 sau inline sunt cele mai folosite, ele suprascriind orice alte comenzi CSS. Sunt amplasate in interiorul etichetelor HTML aflate in zona BODY si au sintaxa:

Code: Select all

<eticheta style="codul CSS dorit">
...textul sau obiectul asupra caruia este aplicat codul CSS...
</eticheta>
Este permisa folosirea comentariilor in CSS ca si in HTML:

Code: Select all

/* Acesta este un comentariu in CSS */
NOTA: Acest tutorial nu este facut de mine.
Last edited by WoophRadu on 12 Sep 2013, 01:32, edited 1 time in total.
Reason: Titlu editat
We are anonymous.
We are legion.
We do not forgive.
We do not forget.
Expect us!

Image
Spoiler | Afiseaza
[img]http://www.speedtest.net/result/3627915067.png[/img]
skill +2
skill +2
Status: Offline
Posts: 112
Registered for: 10 years 4 months
10
Status: import org.bukkit.command.*;
Cont Premium: ChrystianSandu
Location: 127.0.0.1

Re: CSS - Cunostiinte de baza Post by ChrystianSandu »

Nu ai dat exemplu de comenzi CSS, iar la eticheta ai o problema, perntru a folosi diferitele clase de CSS se recomanda <div class="Nume">. (daca CSS-ul este in cod-ul HTML-ului). Dar daca nu este atunci se va folosi cum ai spus tu, o asociere. :)
Post a new topic Post a reply

Return to “CSS”