Меню


ITplace.Info - Adobe Photoshop, Adobe Flash, HTML, CSS, PHP&MySQL уроци
CSS-Урок 1 - Въведение
CSS - Cascading Style Sheets  това е език с който можете да стилиризирате отделните интернет страници.Този език предлага големи удобства при изграждането на HTML страница.Ето ви един пример:
Например имате сайт с 60-70 страници и използвате тага <font>.Във всяка страница вие ще трябва да го дефинирате (цвят,големина,шрифт...).Е със CSS не ви се налага.
Ето ви още един пример:
например да зададете бекграунд на страницата с HTML трябва да дефинирате във всяка страница :
<body bgcolor="red"> / <body background="background.gif">
със CSS ще го дефинирате веднъж и послесъс код ще го добавите във страницата.
ето ви един типичен CSS  документ
body {
background-color : #FFFF00;
font-family : arial,tahoma,veranda;
font-size : 15px;
color : #CCCCCC;
}
този докумен го сейфате катo ime.css
в повечето случай се сейфа като style.css
Как да вмъкна style.css  в HTML  страницата :
<link rel="stylesheet" type="text/css" href="style.css" />

ето ви още един пример
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>home</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
text
</body>
</html>

Както виждате параметрите във CSS се отварят и затварят със {} и след всеки седи ";"
ако искате да сложите няколко параметара на едно място те се отделят с ";"
Например:
body {background-color:#000000;font-family:arial, sans-serif,
helvetica;font-size:12px;color:#cccccc}
Съществуват няколко вида CSS записи. Записа който направихме в горния
пример се нарича външен стил (External Style Sheet) и се използва, както
беше описано, когато трябва да се контролират множество HTML документи,
като нужните параметри се задават във външен файл (в примера -
file.css).



Съществува и вътрешен за HTML документа стил (Internal Style Sheet),
който се използва за да се зададе вида на един отделен HTML документ,
като нужните параметри се задават със специални тагове и атрибути в
секцията head на HTML страницата.



Inline Styles - вътрешни за HTML таговете стилове - се използват, като
специални CSS атрибути се разполагат директно в HTML таговете и имат
ефект за определено място от страницата. Конкретната употреба на тези
видове ще бъде обяснена по-нататък в материалите за CSS.



Понякога се налага да се използват всички видове CSS и в такъв случай
първо се изпълнява ефекта от Inline Style (вътрешните за HTML таговете
стилове), след тях на 2-ро място по приоритет са

Internal Style Sheet (стиловете от секцията head на HTML документа) и
последни по приоритет са External Style Sheet, т.е. стиловете,
декларирани във външен CSS файл.



Очаквайте още уроци от мен(minimal_dude) към всички видове CSS  и всички  компютърни езици.
Ако имате въпроси моля питайте.
Коментари
Няма добавени коментари.
Напиши коментар
За да пуснеш коментар трябва да си влезнал в профила си.
Оценка
Рейтингите са достъпни само за регистрирани.

Моля влезте или се регистрирайте за да гласувате.

Няма оценки.

Приятели
C++ Уроци, директории, тестове и анкети
Comics-Box.com - Комикси на родния език
Търсене в интернет