Потребител Парола | Регистрация | Забравена парола
Меню
· Начало
· Файлове
· Форум
· Връзки
· Категории на уроците
· За контакти
· Фото галерия
· Търсене
Кажи на приятел

Вашия email:
email на приятел:
Копие за вас?
Реклама

Лесен урок за CSS

CSSВ css може да предифинирате оригиналните тагове като body, td, h1, texarea, select, div, span и всички други. Удобно е за да зададете стила на текста в целия html документ например:
body {
css стилове определящи размер, шриф, цвят на текста.
}


Може също така да дефинирате собствени стилове. Например искаме да направим отделен стил за менюто със специфичните css стилове. Избираме си име "main_menu" примерно. В html кода е class="main_menu" там където искате да се приложи стила.

съдържание на менюто

А css кода трябва да изглежда така:
.main_menu {
css стилове за менюто
}

Ето таблица с някой от основните css стилове.

Име Тип Обяснение Стойност
Font-size шрифт С тази команда контролирате размера на текста. Числена стойност за да определяте размера.
Font-weight шрифт С тази команда може да направите текста нормален, дебел или тънък.  Normal, Bold, Bolder, Lighter
Font-style шрифт Може да използвате това, това за да направите текста наклонен. Normal, italic, oblique
Font-Family шрифт Наглася шрифта на текста Arial, Veranda или други стандартни шрифтове
Color текст Определя цвета на текста 16тичен код: #FFFFFF (бяло)
Text-decoration текст Добавя подчертаване на текст none, underline, blink, overline
Word-spacing текст Контролира разстоянието м/у буквите normal, или цифрена стойност
Text-transform текст Може да преобразува буквите в главни или малки none, capitalize, uppercase, lowercase
text-align текст Определя на къде да е подреден текста. Left, Right, Center, Justify
Text-indent текст Колко на вътре е отместен текста от първия ред. 0 или някаква числена стойност
Background-color фон Цвят на фона 16тичен код: #FFFFFF (бяло)
background-image фон Наглася картинка за фон none, url(път/до/картинката)
background-repeat фон Контролира как се повтаря фоновата картинка repeat, repeat-x, repeat-y, no-repeat

За пример ще направим class а име "background".

.background {
background: #ffffff; - цвета на фона ще е бял
border-color: #F9F9F9; -цвета на контура ще е светло сив.
border-style: solid; - контура ще е непрекъсната линия
boder-width: 2px; - ширината на контура ще е 2пиксела
color: #000000; - цвета на текста ще е черен
text-decoration: blink; - текста ще мига
font-family: veranda; - за шрифт ще се използва "Verdana"
}

CSS е доста прост, прочетете няколко урока още, опитайте сами и много бързо ще се научите.
· smilev на January 17 2011 13:57:35 · 0 Коментари · 2188 Прочитания · Отпечатай
Коментари
Няма добавени коментари.
Напиши коментар
Моля влезте, за да коментирате.
Оценка
Рейтингите са достъпни само за регистрирани.

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

Няма оценки.
Вход
Потребител

Парола



Не сте регистрирани?
Натиснете тук за регистрация.

Забравена парола?
Натиснете тук за нова.
Анкета
С каква операционна система работите











Трябва да влезете за да гласувате.
ЧАТ
Трябва да влезате за да пуснете съобщение.

Няма съобщения.
Статистика