Какво е CSS и как да работим с него
Cascading Style Sheets е удобен начин за форматиране на текста, шрифтовете, изображенията и всичко останало на вашата WEB страница. Например върху дадена страница може да има няколко заглавия с тага <H3>. Всяко едно от тях по подразбиране е с черни и удебелени букви. Можем да променим стила на тези заглавия - например цвета им с тага <FONT>. Тези промени могат да се отразят върху целия документ. Може да искате например, да направите заглавията във всичките ви страници сини. Можете да променяте тези заглавия едно по едно, а може да използвате стилове.
За различните HTML тагове може да се използва атрибут Style.
1. Използване на атрибута STYLE за HTML тагове
Един от начините да прибавите стил към страницата, е да го зададете вътре в някой HTML елемент. Това става като прибавите атрибута STYLE="" към HTML елемента. Обичайно това става по следния начин:
Например:
<P style="color: red">Това е червен текст.P>
<h1 style=”text-align:center; font: italic 20pt “Tahoma”>Това е заглавиеh1>
< P style="color: blue; text-decoration: underline; font-family: Arial"> Подчертан текст
Първият ред на текста е с червени букви.
Вторият ред на текста е центриран, размер на буквите 20pt и щрифт Tahoma.
Може да добавяте колкото искате стойности за атрибута STYLE, като отделяте всяка с точка и запетая.
2. Задаване на стил в частта ()
Задаване на стил може да се направи и в частта (<HEAD>) на HTML документа. Това става чрез тага <STYLE>STYLE>.
Например:
css
h1{ text-align:center;
font:bold 20pt "OldCyr";
background:green;
color:yellow}
p{ text-align:justify;
font:bold 14pt "Tahoma";
color:red}
body {
scrollbar-face-color: red;
scrollbar -ARROW- color: white;
scrollbar -base- color: green;
background: pink}
Това е старница със стилове.
Тази страница показва начин на форматилане със стилове. Тагът за стилове е style. За този таг е задължителен края.
Сподели с приятели: |