сайт за развитие с помощта на CSS
И тук е снимката на това, което имам:
По това става с класове (в добрия смисъл). Плавен преход към идентификаторите ...
анализа ни обект се използва по-рядко, тъй като проучването е от горните класове, но те не бива да бъдат пренебрегвани. Всеки идентификатор започва с #ID префикс. Ами, например:
После се обади идентификатор:
ОГРОМЕН със слушалки
Сега можете да поемете дълбоко дъх - научихме всички начини за определяне стилове!
В този урок ще говорим за позиционирането на елементите. Ако HTML уеб-майстор не е в състояние да се навирам текст навсякъде (без маси), СГО решава проблема и го прави доста ефективно. Има специална опция, името на която позиция. Това може да отнеме 2 стойности, а именно: абсолютно и относително. В първия случай ние си поставихме за абсолютната позиция на елемента, а вторият - разположението му спрямо началото. Някои от вас вече крещи: "Ти най-накрая разбра какво ти казах?", Но с други думи говорят лесно. Предлагам ви да помисли за друг списък по-скоро примитивен и експеримент с него:
Това заглавие.
Това заглавие.
Работа с шрифтове.
CSS ни дава възможности за работа с шрифтове. Първият имот, с които ще се срещнат - това е размер на шрифта. Може да забележите, че тази опция ние вече са се срещали, но не сме имали честта да се срещне със стойностите от тях. Нека отстраним обидно пропуск:
XX-голям - най-големият.
XX-малък - най-малкият.
Освен това, нищо не ни пречи да се използват относителни стойности. Само две от тях: по-големи и по-малки. Те промените размера на текста спрямо базовата.
Следващият имота е както следва: шрифт семейство. Тя определя слушалките шрифта, използван, но за да използвате този shnyaga не е необходимо, с оглед на факта, че не може да се случи на потребителя. Шрифт семейство опция има следния синтаксис:
Следващият параметър на този урок:
Но стойности са му:
И последният вариант:
Свойства на текстови блокове.
За да започнете, нека да е ясно, че терминът "текстовия блок" се има предвид, на първо място, ал. Определя се от горепосочените, както си спомняте, маркирани P, със среден един имот подравняване = "...". Разстройство, нали? CSS ни дава огромна възможност да се работи с параграфи, а това навременна тема, реших да посветя на текущия урок.
Нека да разгледаме няколко варианта и след това преминете към по примера ясно илюстрира всички проучвани.
Line-височина - задава междуредията. Напр, стрТекст-украса - това нещо позволява малко подправка текст. Какво е собственост отнема? Нека да видим:
- Номера - Онлайн върху текста.
- Нито един - няма стойност, отидете да се пие бира!
Текст-трансформация - преобразува текстови герои по никакъв начин. стойности:
- Изписване - преобразува избрания блок по такъв начин, че първата буква на всяка дума, се капитализират.
- Главни букви - избран блок е написано с главни букви.
- Малки букви - избран блок е написан с малки букви.
Текст, подравняване - познатата имота, който определя подравняването на текста. Стойностите, както вече знаете, са както следва:
- Ляво - наляво.
- Право - надясно.
- Център - в средата.
- Обосновете - ширина.
Текст отстъп - поставя червена линия в левия край. Стойността може да бъде определен като един пиксел, и като процент.
Марж ляв - определя размера на лявото поле. (Разстоянието между текстовия блок и неговите съседи)
Марж десен - определя размера на полето отдясно.
Марж-отгоре - задава стойността на горната граница.
Долна граница - задава стойността на долната граница.
Margin - задава стойността на всички полета.
Вместо това, горе в дясно долу в ляво, което трябва да се сложи на стойностите в пиксели или проценти.
Пълнеж-отгоре - задава вътрешно поле (разстоянието между текста и рамката му изработване За да укажете на рамката, виж по-долу.).
Пълнеж-дясно - дясното вътрешно поле.
Празно дъно - толкова по-ниска вътрешна терена.
Празно ляв - вътрешния областта лявата.
Прокладки - общата стойност на всички вътрешни полета. Това има същия синтаксис на маржа.
Гранична - задава рамката, рамкиране параграф. Това е, както следва:
ширина стил цвят;: граничен
Но има (много често) случаи, когато трябва да зададете свойствата за всяка част на рамката (ляво, дясно, горе и долу). В този случай, граничен опция по очевидни причини, не наклонена. След това можете да използвате следните качества:
Гранична-отгоре ширина - ширината на горната граница.
Гранична дъно ширина - ширината на долната граница.
Гранична ляв ширина - ширината на лявата граница.
Гранична десен ширина - ширината на дясната граница.
Гранична ширина - ширината на цялата граница.
Трябва да се отбележи, че всички тези опции са ефективни само, когато на определен граничен стил. Направи това благородно дело може, като се използват следните имоти:
Гранична стил - определя граничния стил. Стойностите са, както следва:
- Няма - аз съм хладно и рамки не yuzayu!
- Пунктирана - кадрите, посочена точка.
- Подчертан - пунктирана рамка.
- Двойна - двойна рамка.
- Groove - изрязана триизмерна рамка.
- Ridge - триизмерен изпъкнал рамка.
- Вътрешен - триизмерен изпъкнал скорост рамка.
- Самото начало - изрязана триизмерна скорост линия.
Гранична цвят - задава цвета на границата. Може да се използва за една линия, като например: р
Сега знаете много настройки, които се отнасят до точка и не само. Вземете границата. Познай къде другаде може да се използва? Правилно в таблиците! Нека разгледаме един пример: