In aceasta lectie pe scurt, va voi spune cate ceva despre stilizarea unui document html folosind CSS (Cascading Style Sheets). Putem stiliza o pagina/documente html in 3 moduri:
- Inline - folosind atributul style in elementele html
- Internal - folosind elementul style in sectiunea head
- External - folosind o foaie de stil externa ( fisier css )
Exemplu stil inline:
<p style="color:blue;margin-left:10px">Acesta este un paragraf stilizat folosind modul inline.</p>
Exemplul 2 stil inline
<body style="background-color:yellow;margin:0;padding:0">
<h2 style="background-color:red;color:white">Un subtitlu</h2>
<p style="color:green;font-weight:bold;">Un paragraf cu text verde</p>
</body>
Exemplu stil internal
<head>
<style>
body {background-color:gray;}
p{color:red;}
</style>
</head>
Exemplu stil external
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
Proprietatea background-color defineste o culoare de fundal pentru un element html.
Nota*
Evitați utilizarea elementelor: <font>, <center>, și <strike>, și atributele: de culoare și bgcolor in versiunea html 5.
0 comentarii:
Trimiteți un comentariu
Comenteaza despre acest articol