сайт за развитие с помощта на CSS

И тук е снимката на това, което имам:

сайт за развитие с помощта на CSS

По това става с класове (в добрия смисъл). Плавен преход към идентификаторите ...

анализа ни обект се използва по-рядко, тъй като проучването е от горните класове, но те не бива да бъдат пренебрегвани. Всеки идентификатор започва с #ID префикс. Ами, например:

После се обади идентификатор:

ОГРОМЕН със слушалки

Сега можете да поемете дълбоко дъх - научихме всички начини за определяне стилове!

В този урок ще говорим за позиционирането на елементите. Ако HTML уеб-майстор не е в състояние да се навирам текст навсякъде (без маси), СГО решава проблема и го прави доста ефективно. Има специална опция, името на която позиция. Това може да отнеме 2 стойности, а именно: абсолютно и относително. В първия случай ние си поставихме за абсолютната позиция на елемента, а вторият - разположението му спрямо началото. Някои от вас вече крещи: "Ти най-накрая разбра какво ти казах?", Но с други думи говорят лесно. Предлагам ви да помисли за друг списък по-скоро примитивен и експеримент с него:

Това заглавие.

Това заглавие.

сайт за развитие с помощта на CSS

Работа с шрифтове.

CSS ни дава възможности за работа с шрифтове. Първият имот, с които ще се срещнат - това е размер на шрифта. Може да забележите, че тази опция ние вече са се срещали, но не сме имали честта да се срещне със стойностите от тях. Нека отстраним обидно пропуск:

XX-голям - най-големият.

XX-малък - най-малкият.

Освен това, нищо не ни пречи да се използват относителни стойности. Само две от тях: по-големи и по-малки. Те промените размера на текста спрямо базовата.

Следващият имота е както следва: шрифт семейство. Тя определя слушалките шрифта, използван, но за да използвате този shnyaga не е необходимо, с оглед на факта, че не може да се случи на потребителя. Шрифт семейство опция има следния синтаксис:

Следващият параметър на този урок:

Но стойности са му:

И последният вариант:

Свойства на текстови блокове.

За да започнете, нека да е ясно, че терминът "текстовия блок" се има предвид, на първо място, ал. Определя се от горепосочените, както си спомняте, маркирани P, със среден един имот подравняване = "...". Разстройство, нали? CSS ни дава огромна възможност да се работи с параграфи, а това навременна тема, реших да посветя на текущия урок.

Нека да разгледаме няколко варианта и след това преминете към по примера ясно илюстрира всички проучвани.

Line-височина - задава междуредията. Напр, стр

Текст-украса - това нещо позволява малко подправка текст. Какво е собственост отнема? Нека да видим:

- Номера - Онлайн върху текста.

- Нито един - няма стойност, отидете да се пие бира!

Текст-трансформация - преобразува текстови герои по никакъв начин. стойности:

- Изписване - преобразува избрания блок по такъв начин, че първата буква на всяка дума, се капитализират.

- Главни букви - избран блок е написано с главни букви.

- Малки букви - избран блок е написан с малки букви.

Текст, подравняване - познатата имота, който определя подравняването на текста. Стойностите, както вече знаете, са както следва:

- Ляво - наляво.

- Право - надясно.

- Център - в средата.

- Обосновете - ширина.

Текст отстъп - поставя червена линия в левия край. Стойността може да бъде определен като един пиксел, и като процент.

Марж ляв - определя размера на лявото поле. (Разстоянието между текстовия блок и неговите съседи)

Марж десен - определя размера на полето отдясно.

Марж-отгоре - задава стойността на горната граница.

Долна граница - задава стойността на долната граница.

Margin - задава стойността на всички полета.

Вместо това, горе в дясно долу в ляво, което трябва да се сложи на стойностите в пиксели или проценти.

Пълнеж-отгоре - задава вътрешно поле (разстоянието между текста и рамката му изработване За да укажете на рамката, виж по-долу.).

Пълнеж-дясно - дясното вътрешно поле.

Празно дъно - толкова по-ниска вътрешна терена.

Празно ляв - вътрешния областта лявата.

Прокладки - общата стойност на всички вътрешни полета. Това има същия синтаксис на маржа.

Гранична - задава рамката, рамкиране параграф. Това е, както следва:

ширина стил цвят;: граничен

Но има (много често) случаи, когато трябва да зададете свойствата за всяка част на рамката (ляво, дясно, горе и долу). В този случай, граничен опция по очевидни причини, не наклонена. След това можете да използвате следните качества:

Гранична-отгоре ширина - ширината на горната граница.

Гранична дъно ширина - ширината на долната граница.

Гранична ляв ширина - ширината на лявата граница.

Гранична десен ширина - ширината на дясната граница.

Гранична ширина - ширината на цялата граница.

Трябва да се отбележи, че всички тези опции са ефективни само, когато на определен граничен стил. Направи това благородно дело може, като се използват следните имоти:

Гранична стил - определя граничния стил. Стойностите са, както следва:

- Няма - аз съм хладно и рамки не yuzayu!

- Пунктирана - кадрите, посочена точка.

- Подчертан - пунктирана рамка.

- Двойна - двойна рамка.

- Groove - изрязана триизмерна рамка.

- Ridge - триизмерен изпъкнал рамка.

- Вътрешен - триизмерен изпъкнал скорост рамка.

- Самото начало - изрязана триизмерна скорост линия.

Гранична цвят - задава цвета на границата. Може да се използва за една линия, като например: р

Сега знаете много настройки, които се отнасят до точка и не само. Вземете границата. Познай къде другаде може да се използва? Правилно в таблиците! Нека разгледаме един пример: