آی پی شما :
کارشناس پشتیبانی : شهبازی
کارشناس طراحی : دین شعاری
کارشناس محتوایی : احمدی
شماره تماس : 84222444/378-021

ورود به سیستم

برای ورود به سیستم، نام کاربری و کلمه عبوری که از کارشناسان اداره پایگاه های اینترنتی دریافت کرده اید را وارد کنید.

نام کاربری :   
کلمه عبور :   

×
سامانه پشتیبانی پایگاه های اینترنتی
اداره پایگاه های اینترنتی
نهاد نمایندگی مقام معظم رهبری در دانشگاه ها
تازه ها
مقایسه واحدهای سایز در CSS‏ ( px , pt , em , % , in , cm , mm)
اگر با زبان CSS آشنایی داشته باشید حتما میدونید که بعضی از ویژگی های این زبان، مقداری رو به عنوان اندازه ی طولی اون ویژگی می پذیرند . ویژگی هایی مثل width , height , font-size و امثالهم ! برای این اندازه ها واحدهای مختلفی در نظر گرفته شده . امروز می خوایم در این مقاله در مورد انواع مختلف واحدهای اندازه در CSS صحبت کنیم
روانشناسي رنگها در طراحي وب سایت
يكي از اصول بسيار مهم و كليدي در طراحي صفحات وب ، توجه به اصل رنگ بندي صفحات و استفاده از رنگ هاي مكمل و تركيبي مطلوبي است
چگونه قالب موبایل سایت خود را فعال کنیم ؟
یکی از امکانات جالب پرتال بخش پوسته موبایل است که برای این دستگاه ها طراحی شده است.برای فعال کردن این امکان با ما همراه باشید.
افکت قرار دادن سایه در بالای تگ body
امروز میخوام یک تکنیک ساده اما جالب رو براتون معرفی کنم که با استفاده از اون میشه افکتی زیبا برای سایتتون ایجاد کنید.
چطور کار کنیم که همه بتوانند در نظرسنجی شرکت کنند ؟
گاهی برای شما پیش آمده است که وقتی از ماژول نظرسنجی در سایت دانشگاه خود استفاده میکنید با دادن اولین نظر دیگر دانشجویان نمی توانند نظر دهند ، اما این مشکل در اینترنت خارج از دانشگاه وجود ندارد. در این مطلب به بررسی این موضوع خواهیم پرداخت ...
چگونه از شر شبکه‌های اجتماعی خلاص شویم!؟
فیس‌بوک شما را ناراحت می‌کند؟ توییتر اعصاب شما را به هم می‌ریزد؟اینستاگرام دوستان شما را به دشمن تبدیل کرده است؟ معمولا مخالفان تکنولوژی معتقدند که شبکه‌های اجتماعی ما را از جهان واقعی دور کرده است . اگر شما هم به این باور رسیده اید شاید دور شدن از شبکه‌های اجتماعی چندان هم بد نباشد.
تست سرعت وب سایت با پنج ابزار رایگان
سایت شما کند است؟ به دنبال یک ابزار آنلاین برای تست سرعت آن هستید؟ می‌خواهید مشکلات و دلیل کندی سایت خود را دریابید؟ این پنج ابزار آنلاین راه حلی پیش روی شماست
کد جاوااسکریپت انتقال ابزار موبایل به آدرس مخصوص
اگر با موبایلتون تاکنون به اینترنت متصل شده باشید حتما دیدید که با مراجعه به بعضی سایت ها بلافاصله به آدرس مخصوص موبایل اون سایت هدایت میشید که یک ورژن ساده تر و سبکتر از سایت رو به شما ارائه میده .
رفع کش در سیستم
تغییر می دهید اما در پوسته اعمال نمی شود ؟ خبر درج می کنید اما نشان داده نمی شود ؟ این سئوالات متداول برخی مدیران سایت هاست. این مطلب به این موضوع پرداخته است ؟
 


مقایسه واحدهای سایز در CSS‏ ( px , pt , em , % , in , cm , mm)
مقایسه واحدهای سایز در CSS‏ ( px , pt , em , % , in , cm , mm)

تعداد نمایش خبر:2927 تاریخ درج خبر:1393/09/14

اگر با زبان CSS آشنایی داشته باشید حتما میدونید که بعضی از ویژگی های این زبان، مقداری رو به عنوان اندازه ی طولی اون ویژگی می پذیرند . ویژگی هایی مثل width , height , font-size و امثالهم ! برای این اندازه ها واحدهای مختلفی در نظر گرفته شده . امروز می خوایم در این مقاله در مورد انواع مختلف واحدهای اندازه در CSS صحبت کنیم

نویسنده : لقمان آوند

اگر با زبان CSS آشنایی داشته باشید حتما میدونید که بعضی از ویژگی های این زبان، مقداری رو به عنوان اندازه ی طولی اون ویژگی می پذیرند . ویژگی هایی مثل width , height , font-size و امثالهم !  برای این اندازه ها واحدهای مختلفی در نظر گرفته شده . امروز می خوایم در این مقاله در مورد انواع مختلف واحدهای اندازه در CSS صحبت کنیم .

:: در ابتدا جدول پرکاربردترین واحدهای استفاده شونده در CSS رو براتون قرار میدیم که می تونید در زیر ببینید :

واحد توضیح
% درصد
in اینچ
cm سانتیمتر
mm میلیمتر
em یک em یعنی اندازه کنونی سایز (که از تگ پدر ارث برده). 2em یعنی دو برابر اندازه به ارث برده شده از تگ پدر و ...
pt یک پوینت معادل 1.74 اینچ است .
pc یک پیکا معادل 12 پوینت است .
px پیکسل - یک نقطه در صفحه نمایش - وابسته به اندازه و رزولوشن تصویر

در استفاده از واحدهای مختلف طولی هیچ اجباری نیست و شما می تونید از هر کدوم که می خواید استفاده کنید . ولی سه واحد px , em و % در صفحات وب کاربرد بیشتری دارند .

:: ضمنا واحدهایی که برای استفاده در صفحات وب برای نمایش روی صفحه مانیتور بکار میره با وحدهایی که در صفحات مخصوص پرینت شدن روی کاغذ استفاده میشه معمولا متفاوته و بهتره برای هر کدوم از مجموعه ای که در جدول زیر براتون آوردم استفاده بشه :


توصیه شده توصیه نمیشه !
نمایش در صفحه مانیتور em, px, % pt, cm, mm, in
برای چاپ روی کاغذ em, cm, mm, in, pt, %

:: رابطه ی بین واحدهای معروف استفاده شده به شکل زیره :

1in = 2.54cm = 25.4mm = 72pt

اگر خط کش دارید میتونید ارتفاع ناحیه ی سبز رنگ فوق رو اندازه بگیرید که برابر با 1 اینچ (2.54 سانتیمتر) هست !
واحدهایی که در باکس سبز رنگ فوق آورده شده اصطلاحا absolute units گفته می شن . یعنی اینکه اندازه ی اون ها همواره ثابت هست . چه روی کاغذ باشه ، چه روی مانیتورهایی با رزولوشن متفاوت . از این جهت که سایز صفحه نمایش مانیتورها متفاوته پیشنهاد می شه از این واحدها در صفحات وب مخصوص نمایش روی مانیتور ها استفاده نکنید. صفحه نمایش های کوچکی مثل موبایل ها ممکنه تا 8 سانتیمتر کوچیک و صفحه نمایش بعضی مانیتور ها تا 80cm هم ممکنه باشه و نمایش طول ثابت 1 سانتیمتر در این دو ثابته ، ولی نسبت به اندازه ی اونها خیلی فرق میکنه !
:: پس بهتره از واحدهایی مثل px ، em و درصد % استفاده کنید که وابسته به اندازه ی صفحه نمایش هستند!
در زیر جدولی رو براتون آوردم که مقایسه ی بین اندازه ی 4 واحد معروف px , pt , em و % هست و مقادیر معادل هر کدوم رو به سه واحد حساب کرده :

Pixel EM Percent Point
6px 0.375em 37.5% 5pt
7px 0.438em 43.8% 5pt
8px 0.5em 50% 6pt
9px 0.563em 56.3% 7pt
10px 0.625em 62.5% 8pt
11px 0.688em 68.8% 8pt
12px 0.75em 75% 9pt
13px 0.813em 81.3% 10pt
14px 0.875em 87.5% 11pt
15px 0.938em 93.8% 11pt
16px 1em 100% 12pt
17px 1.063em 106.3% 13pt
18px 1.125em 112.5% 14pt
19px 1.188em 118.8% 14pt
20px 1.25em 125% 15pt
21px 1.313em 131.3% 16pt
22px 1.375em 137.5% 17pt
23px 1.438em 143.8% 17pt
24px 1.5em 150% 18pt

نتیجه ای که از این بحث گرفتیم اینه که در صفحاتی که مخصوص پرینت شدن طراحی میشن از واحد های absolute استفاده بشه تا نمایش اونها در صفحه وب و صفحه مانیتور کاملا یکسان و به یک سایز باشه . در صورتی که در صفحات وب که نمی خواید مخصوص پرینت شدن باشه از واحد های px ، % و em استفاده کنید.

امتیازدهی
برای این خبر نظری ثبت نشده است
نظر شما
نام :
ايميل : 
*نظرات :
متن تصویر را وارد کنید: