آموزش Inline small CSS در GTmetrix

سلام

امروز با آموزش Inline small CSS در GTmetrix در خدمت شما عزیزان هستم.

در ابتدا بگویم که معنی Inline small CSS به فارسی معادل فراخوانی فایل‌های استایل کوچک از داخل سایت میباشد.

برای رفع خطای Inline small CSS از سایت ما باید استایل هایی که در کد قالب استفاده شده است را حذف کنیم و با استفاده از class ها استایل ها را نگاشت کنیم.برای بهتر فهمیدن این موضوع یک مثال میزنم :

کد :

<div style="color:red;border:2px;"></div>

کد اصلاح شده(حذف استایل و انتقال به فایل CSS):

مرحله اول انتقال استایل به CSS و ایجاد یک کلاس(اسم کلاس هر چیزی که دوست دارید بذارید):

CSS کد در فایل :

.namestyle{color:red;border:2px;}

مرحله دوم نگاشت کردن کلاس درست شده در مرحله قبل به div :

HTML کد در :

<div class="namestyle"></div>

امیدوارم که به کارتون بیاد این مطلب که آموزش دادم :)