ЦСС паддинг својство: како направити поља
ЦСС нуди веб програмеру огромне могућности за дизајнирање ХТМЛ страница. Почетницима може изгледати тешко, али ако их темељито и методички разумете, технологија стилских листова ће бити умањена, а распоред локација више неће бити тежак. Једна од неопходних особина ЦСС-а је обнављање . Користи се за постављање поља за блокове ХТМЛ страница.
Шта су блокови?
Локација је изграђена од цигли - блокова. Поред тога, сваки елемент, без обзира на његов садржај, мора имати правоугаони облик. Наиме, све слике и натписи ментално закључује програмер у "кутијама", чиме ствара веб страницу.
Најчешће се блокови постављају помоћу ознака.
,
- , . ЦСС својства се примењују на сваки такав елемент: паддинг , маргин , бордер , видтх и други. Ширина правоугаоника блока се даје својством видтх , онда се сваки елемент састоји од поља која су исцртана користећи атрибут бордер. Коначно, компонента странице може имати спољне маргине, или алинеје, маргину , одвајајући је од другог блока. Синтакса својстава ЦСС попуњавања
Креатори каскадних слогова стилова пружили су неколико опција за писање атрибута за постављање поља. Можете направити празан простор унутар блока на осам различитих начина! Доња табела показује примере за сваку од опција и даје им кратко објашњење.
Пример употребе
Објашњење
паддинг: 15 пк;
Ако је атрибут праћен једним бројем, то значи да ће елемент имати иста поља са свих страна. Унос пк претпоставља да је вредност у пикселима. То значи да ће блок имати маргине од 15 пиксела.
паддинг: 18 пк 36 пк;
Први од два броја означава да ће вертикална поља бити сваки по 18 пиксела, а бочна поља два пута већа - 36 пиксела.
паддинг: 6 пк 12 пк 18 пк;
Просек је вредност поља на странама (лево и десно), друга два су вертикална поља. Први број (6 пк) односи се на горње поље, а задњи (18 пк) на дно.
облога: 6 пк 12 пк 18 пк 36 пк;
Форма својства ЦСС паддинг- а, у којој постоје четири броја, омогућава вам да наведете поља на свим странама блока. Нумеричке вриједности се досљедно примјењују на горње поље и даље у смјеру казаљке на сату удесно, доље и лијево.
паддинг-лефт: 14 пк;
Леви додатак говори сам за себе - поље ће бити постављено само са леве стране елемента.
паддинг-ригхт: 14 пк;
Слично претходној опцији снимања - поље ће бити креирано само на десној страни блока.
паддинг-топ: 14 пк;
Унос идентификује поље на врху.
паддинг-боттом: 14 пк;
Унос означава поље испод.
Треба напоменути да је дефаулт ЦСС паддинг нула. Овај атрибут није наслеђен, то јест, мора се поставити за сваки блок. Поред уобичајених и разумљивих пиксела, ширина празног простора око блокова је дата у релативним јединицама. На пример, у горенаведеним примерима, можете да забележите 5% - као резултат, претраживач аутоматски израчунава ширину поља.
Како користити имовину?
Дакле, прегледавају се обрасци за снимање атрибута, али како их користити на ХТМЛ страници? Прва опција је више „лепа“, када све што се односи на ЦСС технологију није написано у ХТМЛ-у, већ је приказано у засебном фајлу са одговарајућим наставком.
Друга опција је да пишете директно у < стиле > таг. ЦСС паддинг у овом случају је дефинисан на следећи начин:
< див стиле = " паддинг: 22 пк">
Како написати атрибут - изабрати произвођача. У сваком случају, неопходно је поседовати све начине за коришћење имовине за одређивање поља како би се повремено користила.
Синтакса својстава ЦСС попуњавања
Креатори каскадних слогова стилова пружили су неколико опција за писање атрибута за постављање поља. Можете направити празан простор унутар блока на осам различитих начина! Доња табела показује примере за сваку од опција и даје им кратко објашњење.
Пример употребе | Објашњење |
паддинг: 15 пк; | Ако је атрибут праћен једним бројем, то значи да ће елемент имати иста поља са свих страна. Унос пк претпоставља да је вредност у пикселима. То значи да ће блок имати маргине од 15 пиксела. |
паддинг: 18 пк 36 пк; | Први од два броја означава да ће вертикална поља бити сваки по 18 пиксела, а бочна поља два пута већа - 36 пиксела. |
паддинг: 6 пк 12 пк 18 пк; | Просек је вредност поља на странама (лево и десно), друга два су вертикална поља. Први број (6 пк) односи се на горње поље, а задњи (18 пк) на дно. |
облога: 6 пк 12 пк 18 пк 36 пк; | Форма својства ЦСС паддинг- а, у којој постоје четири броја, омогућава вам да наведете поља на свим странама блока. Нумеричке вриједности се досљедно примјењују на горње поље и даље у смјеру казаљке на сату удесно, доље и лијево. |
паддинг-лефт: 14 пк; | Леви додатак говори сам за себе - поље ће бити постављено само са леве стране елемента. |
паддинг-ригхт: 14 пк; | Слично претходној опцији снимања - поље ће бити креирано само на десној страни блока. |
паддинг-топ: 14 пк; | Унос идентификује поље на врху. |
паддинг-боттом: 14 пк; | Унос означава поље испод. |
Треба напоменути да је дефаулт ЦСС паддинг нула. Овај атрибут није наслеђен, то јест, мора се поставити за сваки блок. Поред уобичајених и разумљивих пиксела, ширина празног простора око блокова је дата у релативним јединицама. На пример, у горенаведеним примерима, можете да забележите 5% - као резултат, претраживач аутоматски израчунава ширину поља.
Како користити имовину?
Дакле, прегледавају се обрасци за снимање атрибута, али како их користити на ХТМЛ страници? Прва опција је више „лепа“, када све што се односи на ЦСС технологију није написано у ХТМЛ-у, већ је приказано у засебном фајлу са одговарајућим наставком.
Друга опција је да пишете директно у < стиле > таг. ЦСС паддинг у овом случају је дефинисан на следећи начин:
< див стиле = " паддинг: 22 пк">
Како написати атрибут - изабрати произвођача. У сваком случају, неопходно је поседовати све начине за коришћење имовине за одређивање поља како би се повремено користила.