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

Вашия 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 е доста прост, прочетете няколко урока още, опитайте сами и много бързо ще се научите.

източник: Arutha.co.uk
превод: nma
· smilev на January 12 2011 10:55:10 · 0 Коментари · 2189 Прочитания · Отпечатай
Коментари
Няма добавени коментари.
Напиши коментар
Моля влезте, за да коментирате.
Оценка
Рейтингите са достъпни само за регистрирани.

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

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

Парола



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

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











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

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