خطاهای معمول CSS

خطاهای معمول CSS

همه ما اشتباه می کنیم. کلمه “typo” بدون دلیل اختراع نشد. در اینجا بعضی از مشکلات رایج  css  بیان شده است.

خطاهای معمول CSS
خطاهای معمول CSS

اشتباه املایی

درست است که شما می دانید، leftt همانند left نیست و این می تواند دلیل آن باشد که چیزی در سمت راست است به جای اینکه در سمت چپ صفحه باشد. قرار دادن یک ۳۰ps برای یک حاشیه مقدار زیادی از نتیجه را دریافت نخواهد کرد، اما ۳۰px خواهد بود. خطاهای اشتباهات املایی رایج هستند و به سادگی قابل چشم پوشی می باشند. خوشبختانه، اعتبار سنج های  css اغلب می توانند این اشتباهات کوچک را برای ما بگیرند.

اطلاعات فراموش شده

شما می توانید به عنوان یک فرد خلاق با css باشید، اینجا قوانینی وجود دارد که شما باید آنها را دنبال کنید. هر انتخاب کننده باید به عنوان ID یا CLASS شناسایی شود، مگر اینکه یک تگ  html  باشد. آن باید به عنوان یک انتخاب کننده باشد.

{ property: value; property: value; } و پرانتز و کالن و سمی کالن باید آنجا باشند. یکی از این جزئیات کوچک را از دست می دهید و هیچ اتفاقی نخواهد افتاد، یا چیزهای عجیب  ممکن است اتفاق بیفتد. اعتبارسنج های  css معمولاً این جزئیات فراموش شده را برای شما به ارمغان می آورد.

حتما بخوانید:  خطای 404 یواست

انتخاب گر اشتباه

قرار دادن تمام طرح های شگفت انگیز در content# زمانی که آنها قرار بود در context-text# قرار بگیرد که به طرح شما کمک نمی کند. خوشبختانه، شما می توانید معمولاً این را بلافاصله پس از مشاهده صفحه ببینید، پس فقط آنها را در تگ درست  cut و paste کنید و سپس به یاد داشته باشید که شما ازcontent# حذف شدید. البته، شما می توانیدبه منظور دریافت کد  فوراً به فایل بک آپ خود مراجعه کنید . نکته-نکته!

ماژول قالب اشتباه

به همان اندازه که قالب های ماژولار جدید وردپرس مفید هستند، اکثر اوقات یک کاربر یک اصلاح در comments.php ایجاد می کند به جای comments-popup.php یا موارد مشابه دیگر که فایل های با اشتباه نامیده می شود. دوباره بررسی کنید که بخش ماژولار همیشه در حال کار است. و اگر به طور تصادفی با هم آشنا شوید، همیشه فایل پشتیبان وفادار برای ایجاد چیزهای جدید وجود دارد.

چند گزینه ای

Css  نمی تواند ذهن شما را بخواند. اگر دو ارجاع به انتخاب های یکسان با اطلاعات متضاد وجود داشته باشد، باید تصمیم بگیرد که کدام یک از آن استفاده شود. این بسیار رایج است اگر شما صفحه style اصلی را در بالای یک صفحه جدید بیاورید. اگر با یک انتخاب گر مبارزه می کنید برای گفتن ،  هدینگ  h1  ، و هیچ چیز تغییر نمی کند، از طریق برگه   style جستجو کنید ببینید آیا مرجع دیگری برای این انتخابگر وجود دارد یا خیر.

حتما بخوانید:  تغییر متغیر tmpdlr

این ها خطاهای معمول CSS می باشند در پست های بعدی خطاهای دیگر بررسی خواهد شد.

امتیاز کاربران به این مطلب
۲ نفر - میانگین: ۴.۵
تلگرام

دیدگاه‌تان را ثبت کنید:

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

17 − 5 =

PHN0eWxlPi5oX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWV7cG9zaXRpb246cmVsYXRpdmU7fSAuaF9pZnJhbWUtYXBhcmF0X2VtYmVkX2ZyYW1lIC5yYXRpbyB7ZGlzcGxheTpibG9jazt3aWR0aDoxMDAlO2hlaWdodDphdXRvO30gLmhfaWZyYW1lLWFwYXJhdF9lbWJlZF9mcmFtZSBpZnJhbWUge3Bvc2l0aW9uOmFic29sdXRlO3RvcDowO2xlZnQ6MDt3aWR0aDoxMDAlOyBoZWlnaHQ6MTAwJTt9PC9zdHlsZT48ZGl2IGNsYXNzPSJoX2lmcmFtZS1hcGFyYXRfZW1iZWRfZnJhbWUiPiA8c3BhbiBzdHlsZT0iZGlzcGxheTogYmxvY2s7cGFkZGluZy10b3A6IDU3JSI+PC9zcGFuPjxpZnJhbWUgc3JjPSJodHRwczovL3d3dy5hcGFyYXQuY29tL3ZpZGVvL3ZpZGVvL2VtYmVkL3ZpZGVvaGFzaC85dHk0VS92dC9mcmFtZSIgYWxsb3dGdWxsU2NyZWVuPSJ0cnVlIiB3ZWJraXRhbGxvd2Z1bGxzY3JlZW49InRydWUiIG1vemFsbG93ZnVsbHNjcmVlbj0idHJ1ZSIgPjwvaWZyYW1lPjwvZGl2Pg==
با سپاس از ثبت دیدگاه شما دوست عزیز
از تماشای این ویدیو لذت ببرید ...
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود فایل سخنرانی استیو جابز ...
ایبوک هدف‌گذاری موثر
زودتر از آنچه فکرش را می‌کنید به خواسته‌هایتان دست پیدا کنید!
* لینک دانلود بلافاصله ایمیل می‌شود.
چهار عامل شگفت انگیز کسب درآمد چیست؟
فقط چند ثانیه تا دانلود فاصله دارید!
* سه ایده کسب و کار خانگی پولساز
فقط چند ثانیه تا دانلود فاصله دارید!
* ایبوک: ده مکان عالی برای پیدا کردن یک ایده جدید
فقط چند ثانیه تا دانلود فاصله دارید!
* دانلود ویدیوی جذاب و با کیفیت مصاحبه جک ما
از همین امروز شروع کنید
بدون تجربه و دانش فنی وارد دنیای درآمدهای اینترنتی شوید!
فایل‌های آموزشی برای شما ایمیل می‌شود.
فقط چند ثانیه تا دریافت این فایل آموزشی فاصله دارید!
فایل‌های آموزشی ویژه اعضای سایت
* اگر عضو نیستید با وارد کردن ایمیل‌تان به این فایل دسترسی پیدا می‌کنید
دسترسی مخصوص اعضای سایت
عضو سایت نیستید؟
فقط کافیه نام و ایمیل‌تان را وارد کنید و ...
* دسترسی سریع به تمام فایل‌های آموزشی
هدیه ما به شما
با سپاس از اینکه دیدگاه تان را در سایت ما ثبت کردید.


یک کوپن تخفیف 30%
  • مشاوره حضوری
  • دوره های آنلاین
  • بسته های آموزشی
  • محصولات دانلودی
  • وبینارهای آموزشی
  این کد فقط یکبار به شما نمایش داده می‌شود.
کد: qwert
ورود کاربران
* دسترسی رایگان به بخش آکادمی