واحدهاي اندازه گيري مختلفي در CSS وجود داراست كه هر مورد براي نوع بخصوصي از اندازه گيري كاربرد دارا‌هستند. در‌اين نوشته‌ي‌علمي طراحي سايت در مشهد قصد دارم اشكال واحدها و كاربرد آنان را تشريح كنم. واحد هاي Points و Picas اين واحدها براي پباده سازي صفحه ها چاپي بوجود آمده اند و معمولا از آن ها براي ديزاين اكران به كار گيري نميشود. بصورت قراردادي هر Point برابر يك هفتاد و دوم اينچ، و هر Picas مساوي 12 Point است. در شرايطي كه مي‌خواهيد ورژن قابل چاپ از صفحه ها خويش ارائه دهيد، بهتر ميباشد از اين واحدها به كار گيري فرماييد، ولي براي صفحه هاي اينترنت توصيه نميشود.
واحد Pixel اندازه هايي كه بوسيله اين واحد معلوم ميگردد، در كل مرورگرها و سيستم عامل ها يكسان مشهود است، و بهمين استدلال اكثر طراحان از اين واحد براي انتخاب اندازه استعمال مي نمايند، البته بايستي بدين نكته دقت داشت كه به كار گيري از واحد Pixel براي Text ها، سبب ميگردد تا كاربراني كه اختلال ضعف ديده دارا‌هستند و مي‌خواهند اندازه متن را بوسيله مرورگر بزرگتر نمايند، مبتلا نقص شوند. به دليل آن كه واحد پيكسل معمولا Default Setting (پيكربندي پيش فرض) مرتبط با سايز فونت ها، در مرورگرهاي گوناگون را ناديده ميگيرند. به اين ترتيب بهتر ميباشد از اين واحد براي گزينش اندازه متون به كارگيري نشود. واحد EMS em واحداندازه گيري نسبي براي فونت Textها در ورقه اينترنت ميباشد.
بر طبق قرارداد، هر واحد em متساوي طول كلام M در فونت پيش فرض هست. در CSS يك em در واقع متساوي اندازه فونت پيش فرض استفاده كننده است. با استعمال از اين واحد براي انتخاب اندازه، اين قابليت را به مخاطب مي‌دهيم كه به راحتي و فارغ از بروز بهم ريختگي، سايز Text هاي ورقه شما‌را بوسيله مرورگر بزرگتر يا اين كه كوچكتر نمايد.
تحت عنوان طراح اينترنت، اين قابليت و امكان تغيير و تحول اندازه فونت بوسيله استفاده كننده، ممكن ميباشد زياد خوش آيند نباشد. اما از حيث يوزرها اين قابليت و امكان داراي فايده خواهند بود كه بتوانند ورقه اينترنت شما‌را با فونت بزرگتر مشاهده نمايند. با استعمال از اين واحد شما ميتوانيد اندازه فونت را بصورت درصدي نيز انتخاب نمائيد، نمونه: font-size: 0.9em با اين فرمان، اندازه فونت شما، تقريبا 10 درصد كوجكتر از اندازه پيش فرض مرورگر براي فونت ها ميشود. و يا اين كه: font-size:1.1em با اين امر، اندازه فونت شما، نسبتاً 10 درصد بزرگتر از اندازه پيش فرض مرورگر براي فونت ها نمايش داده ميشود.
واحدEXES ex نيز همچون em يك واحداندازه گيري نسبي براي فونت Textها در شيت اينترنت ميباشد. با اين تفاوت كه، بر پايه ي قرارداد، هر واحد ex هم اندازه طول كلام x (حروف كوچك) در فونت پيش فرض است. نكته: اين واحد انتخاب اندازه در مجموع مرورگرها ساپورت نميشود.
واحداندازه گيري Exes: واحد ex يك پيمانه نسبي براي فونت متن ها كاغذ اينترنت هست.
يك Ex بنابر تمجيد، متساوي طول كلام كوچك x در فونت پيش فرض تهيه و تنظيم گرديده بوسيله مخاطب ميباشد. متاسفانه مرورگر هاي امروزي هنوز از اين پيمانه كاملا پشتيباني نمي‌كنند. لذا استعمال از اين پيمانه پيشنهاد نميشود.
واحد Percentage: اين واحد نيز همچون واحدهاي ex و em، به يوزرها قابليت و امكان تغيير‌و تحول سايز فونت را ميدهد.
نمونه: font-size: 100% با اين امر فونت دقيقا به اندازه معين گرديده در پيش فرض هاي مرورگر نشان داده مي شود و بعبارتي ديگر 100% برابر ميباشد با 1 em واحدهاي Absolute: در CSS اين قابليت و امكان را داريم كه با به كار گيري از 7 واحداندازه گيري مطلق، اندازه متن را بصورت نسبي و مبتني بر پيش فرض هاي مرورگر تهيه كنيم كه عبارتند از : xx-small x-small small medium large x-large xx-large در اكثر ورژن هاي مرورگر IE، واحد small بعنوان واحد مساوي با پيش فرض مرورگر شناخته ميگردد، البته در مرورگرهاي ديگر واحد medium اين وضعيت را داراست و به همين عامل استعمال از اين نوع انتخاب اندازه در پباده سازي سايتهاي Cross Browser Compatibilty (مطابق با مرورگرهاي متفاوت) منسوخ شده‌است.
نكته: اين نوع واحدها از قاعده ارث بري (Inheritance) در CSS مستثنا مي‌باشند و بعبارتي از Parent خويش هيچ چيز ارث نمي مارك، بلكه نسبت به مقادير پيش فرض مرورگر تهيه خواهند شد. واحدهاي Larger و Smaller : اين دو واحد نيز همچون واحدهاي Absolute مي‌باشند، با اين تفاوت كه اندازه اين واحدها مغاير واحدهاي Absolute بر طبق Parent آن ها معين ميگردد. (ضابطه ارث بري در CSS ).
براين اساس در صورتي يك المنتبا سايز small داشته باشيم و بخواهيم بخشي از متن بزرگتر چشم
بشود، سايز آن نصيب از متن را برابر larger قرار مي‌دهيم.
شنبه ۱۵ آذر ۹۹ | ۲۰:۴۷ ۴۷ بازديد
تا كنون نظري ثبت نشده است
تفاوت سايت استاتيك و دايناميك