CSS

From Ilianko
Revision as of 12:34, 17 June 2011 by Anko (talk | contribs) (Created page with "Cascading Style Sheets (CSS) - служи за представяне на форматирането и външния вид на документи написани с markup ...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Cascading Style Sheets (CSS) - служи за представяне на форматирането и външния вид на документи написани с markup language

Основната цел, с която е проектиран е отделянето на съдържанието на документа от неговия външен вид - шрифтове, фонове, цветове и т.н.

Пример

Преди css

някакъв текст

След css

някакъв текст

 +
p
{
 font-family: arial, sans-serif, helvetica;
 font-size: 12px;
 color: #ff0000
}

styles.css

<head>
<title>Заглавие на страницата</title>
<link rel=stylesheet type="text/css" href="styles.css" />
</head>

<body>

<p>Някакъв текст</p>

</body>
</html>

...

Вграждане на CSS: external, internernal, inline,

Internal

<head>
<title>Заглавие на страницата</title>
<styles>
p
{
font-family: arial, sans-serif, helvetica;
font-size: 12px;
color: #ff0000
}
</styles>
</head>

<body>

<p>Някакъв текст</p>

</body>
</html>

Inline

<head>
<title>Заглавие на страницата</title>
</head>

<body>

<p style="font-family: arial, sans-serif, helvetica; font-size: 12px; color: #ff0000">Някакъв текст</p>

</body>
</html>

Група от тагове

Специален текст

 Конкретен таг

Точно този текст


css

.cherven
{
font-family: arial, sans-serif, helvetica;
font-size: 12px;
color: #ff0000
}

#cherven
{
font-family: arial, sans-serif, helvetica;
font-size: 12px;
color: #ff0000
}

/* Comment here */

@import "newstyles.css";