آموزش واحد انداره گیری در CSS
4 سال پیش
آموزش واحد انداره گیری در CSS
در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش واحد انداره گیری در CSS خواهیم پرداخت.
CSS از تعدادی اندازه گیری شامل واحدهای مطلق مانند اینچ ، سانتی متر، نقاط و غیره و همچنین اندازه گیری های نسبی مانند درصد و واحد پشتیبانی می کند. هنگام تعیین اندازه گیری های مختلف در قوانین HSJHDG خود، به این مقادیر نیاز دارید. border = “1px solid red”.
ما تمام واحدهای اندازه گیری CSS را به همراه نمونه های مناسب ذکر کرده ایم –
| واحد | توضیح | مثال |
|---|---|---|
| % | اندازه گیری را به عنوان یک درصد نسبت به مقدار دیگر ، به طور معمول یک عنصر محصور ، تعریف می کند. | p {font-size: 16pt; line-height: 125%;} |
| cm | اندازه گیری را بر حسب سانتی متر تعریف می کند. | div {margin-bottom: 2cm;} |
| em | اندازه گیری نسبی برای ارتفاع فونت در فضاهای em. از آنجا که یک واحد em معادل اندازه یک فونت داده شده است ، اگر شما یک فونت را به 12pt اختصاص دهید ، هر واحد “em” 12pt خواهد بود. بنابراین ، 2em 24pt خواهد بود. | p {letter-spacing: 7em;} |
| ex | این مقدار اندازه گیری را نسبت به ارتفاع x فونت تعریف می کند. ارتفاع x با توجه به ارتفاع حرف کوچک x قلم تعیین می شود. | p {font-size: 24pt; line-height: 3ex;} |
| in | اندازه گیری را در اینچ تعریف می کند. | p {word-spacing: .15in;} |
| mm | اندازه گیری را بر حسب میلی متر تعریف می کند. | p {word-spacing: 15mm;} |
| pc | اندازه گیری را در picas تعریف می کند. پیکا معادل 12 امتیاز است. بنابراین ، 6 پیکا در هر اینچ وجود دارد. | p {font-size: 20pc;} |
| pt | اندازه گیری را در نقاط تعریف می کند. یک نقطه به عنوان 1/72 اینچ تعریف می شود. | body {font-size: 18pt;} |
| px | اندازه گیری را در پیکسل های صفحه تعریف می کند. | p {padding: 25px;} |
لیست جلسات قبل آموزش CSS
نویسنده مطلب
saber
.svg)
دیدگاه شما