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