Informatică Dezvoltare web
Cum se aplica stiluri CSS?
Stilurile CSS se aplică pentru a controla aspectul vizual al elementelor HTML, folosind reguli care definesc proprietăți cum ar fi culoarea, dimensiunea și poziția. Acestea pot fi incluse inline, intern sau extern, cu selectori care țintesc elemente specifice. CSS permite separarea conținutului de prezentare, facilitând întreținerea și designul consistent.
Metode de aplicare
- Inline CSS Direct în eticheta HTML cu atributul style; exemplu: <p style="color: blue;">Text albastru</p>.
- Intern CSS În secțiunea <head> cu eticheta <style>; exemplu: <style> p { color: red; } </style> aplică roșu tuturor paragrafelor.
- Extern CSS Într-un fișier separat .css legat prin <link>; exemplu: <link rel="stylesheet" href="stil.css">, unde stil.css conține reguli CSS.
Selectori și proprietăți comune
- Selector de element Țintește toate elementele de un anumit tip; exemplu: h1 { font-size: 24px; } mărește toate titlurile h1.
- Selector de clasă Folosește .nume-clasa; exemplu: .highlight { background-color: yellow; } aplică galben elementelor cu class="highlight".
- Proprietăți de bază color pentru culoare text, font-size pentru dimensiune font, margin și padding pentru spațiere.
Începe cu un fișier extern CSS pentru a organiza stilurile și a le reutiliza pe mai multe pagini.