Има много CSS свойства, които изискват размер като едно цяло:
- размер на шрифта определя размера на текста;
- гранично-ширина определя границите на дебелината на елементите;
- марж определя пространството между елементите;
- ляво / дясно / горе / долу ви позволи да се позиционират и да се премести предмети.
Най-често използваните единици:
- PX за пиксела;
- % За процента;
- ем за определяне на количество по отношение на родителя стойности размер на шрифта.
Тъй като компютърните екрани използват пиксела представяне на съдържанието, това е най-често срещаната единица на размера на CSS.
The пиксел може да се използва, за да настроите ширината фиксирания елемент:
Или зададете размера на шрифта:
Пиксели в CSS са прости, тъй като те определят абсолютните стойности и не зависят от други CSS наследи свойства.
Те са широко използвани за позициониране и разстояние.
Интерес - относителна единица. те разчитат на родителя и / или родител елемент.
Например, блокови елементи, като например точки, естествено заемат цялото наличната честотна лента. Следващият CSS правило няма да се промени размера си до половината от наличната ширина.
Интерес могат да подскажат други свойства на CSS, като например размера на текста.
ги е относително единица и зависи от елемент шрифта.
Например, ако на родител шрифта 20px и задават като използвате размер на шрифта: 0.8em на дете елемент, то това дете елемент ще се покаже като 16px на шрифта.
Да не се бърка с размера на селектор ги тях. която е фокусирана върху елемента .
Unit ги интересува да се определи HTML елементи размера на шрифта един спрямо друг. За да се създаде атрактивна и удобна за четене на уеб страница, която ще трябва да предостави на визуална дълбочина. Например, искате
са два пъти повече от основния текст, вашият 1.5 пъти, а на страничния панел малко по-малка. Тя е лесно достъпна в CSS:
Ако решите да промените размера на текста
. относителните размери на заглавната лента и ще се променят съответно и вашия сайт ще бъде визуално балансирана.Само промяната на един стойност, суап, както и всички други стойности:
Unit вещни ги подобно на, но вместо ценности на компанията-майка, тя се основава на стойността на основния елемент. който е елемент от .
Разликата между им вещно и тази стойност вещни е фиксирана, докато стойността на ем се умножават с всеки друг.
Ако сте инсталирали HTML
- 2rem винаги ще бъде 36px, независимо от това къде се използва във вашия CSS;
- 2 дм винаги ще бъде равна на два пъти размер на шрифта на родителя, който не е непременно равна на 36px.
Един бърз пример, в който 2em различен от 2rem:
Тя разчита на стойността на шрифта в <р>. докато Тя разчита на стойността на шрифта в .
Кой от тях да се използва?
Аз бих препоръчал да се започне с пиксела. като абсолютна стойност, те не зависят от контекста елемент. Пиксели прости, дава възможност за задаване на размера на текст, ширината на изображението и височината, дебелината на граничния координатите, и др.
Процентите и ги стойност могат да се използват заедно с пикселите, особено за относителните размери на текста.
Свързани статии