بهترین های پزشکی و پرستاری | اوردامین :
بهترین های پزشکی و پرستاری | اوردامین :
  • اوردامین
  • طراحی وب
1401
تير
10
جمعه
شمارنده
بازدید امروز : 4008 بازدید
کل بازدید کنندگان امروز : 700 نفر
بازدید کل : 50406820 بازدید
حاضرین در سایت : 62 نفر

تاریخ شروع شمارشگر : 94/03/01

عمر سایت : حدود 7 سال پیش

تعداد کل مطالب : 1210

css انعطاف بالایی دارد و کارهایی که ما بخواهیم با استایل صفحات انجام دهیم را با روش‌های مختلف و سلکتورهای متعدد می‌توان انجام داد.انتخاب موثر در سلکتورهای CSSبا همه کدهای زیر می‌توان color یک li خاص که دارای id برابر با xyz است را عوض کرد:
Css *             {color:blue;} li            {color:green;}li:first-line {color:yellow;}ul li         {color:aqua;}ul ol li      {color:pink;}h1 *[rel=up]{color:navy;}ul ol li.red  {color:red;}li.red.level  {color:orange;}#xyz         {color:silver;}style="color:gray;"
اما هم بحث کارآیی مهم است (که در ادامه خواهیم گفت) و هم بحث تقدمکدام‌یک از انتخابگرهای فوق موثر واقع خواهد شد؟پاسخ: به ترتیب از پایین به بالا. توضیح بیشتر در W3برای محاسبه تقدم و موثر بودن یک انتخاب‌گر، می‌توانید از این محاسبه‌گر آنلاین تقدم css طبق لینک بالا استفاده کنید.کارایی (Performance) در CSSبا بزرگ شدن یک سایت و افزایش حجم css آن، بحث performance اهمیت می‌یابد چرا که:برخی کدهای css (مانند visibility:hidden) موجب تغییر در DOM می‌شود و مرورگر مجبور است موقعیت عناصر را کلا دوباره محاسبه کندبرخی کدهای css (در نسخه 3 به بعد) حاوی انیمیشن یک المان استبرخی کدهای css نسبت به حرکات کاربر قرار است واکنش نشان دهد (مثل hover)و ...و در یک css بزرگ (مثلا 200,000 خط کد css) خود css موجب کندی سایت می‌شود. در این خصوص کتب متعددی نوشته شده (مثل کتاب Developing Large Web Applications و ...) در ادامه چند نمونه از نکاتی که (هرچند موجب کاهش خوانایی کد css می‌شود) اما باعث افزایش پرفرمنس و سرعت css می‌شود، ذکر می‌شود:حذف نام تگ در مورد غیر ضروری  مثلا بجای ul#myID بهتر است از #myID استفاده شود.حذف والدهای غیرضروری  مثلا بجای html div table tr td بهتر است از td استفاده شود.اجتناب از بکار بردن انتخابگر همه (ستاره)  مثلا استفاده از * یا .myClass * به هیچ‌وجه توصیه نمی‌شود.از chain کردن اجتناب کنید  مثلا بجای .icon.small بهتر است یکی از کلاس‌ها را بکار ببرید یا اینکه از یک انتخابگر مجزا استفاده کنید مثل .icon-small  خاطرنشان می‌شود که chain کردن علاوه بر پرفرمنس، اشکالات متعدد دیگری هم دارد. مثلا در برخی براوزرهای قدیمی (IE) کار نمی‌کند و همچنین در برخی براوزرهای مدرن نیز به صورت ناقص کار می‌کند.در خصوص پرفرمنس مطلب زیاد است و این مطلب در آینده تکمیل خواهد شد... منبع

نویسنده : amin mah
تاریخ ارسال : سه شنبه ، 94/04/02 ، در ساعت 01:49

نظرات برای بدون عنوان

نام و نام خانوادگی شما *
آدرس ایمیل شما
آدرس وب شما
متن نظر *