آموزش CSS – اصول و شیوه های نوشتن کد های CSS

آموزش CSS - اصول و شیوه های نوشتن کد های CSSReviewed by همیار پروژه on Aug 15Rating: 5.0آموزش CSS - اصول و شیوه های نوشتن کد های CSSآموزش CSS - اصول و شیوه های نوشتن کد های CSS

اصول و شیوه های نوشتن کد های CSS

آموزش CSS - اصول و شیوه های نوشتن کد های CSS

اصول و شیوه های نوشتن کد های CSS

آموزش CSS

در این قسمت میخواهیم اصول و شیوه های نوشتن کد های CSS را معرفی و بررسی کنیم.شما با رعایت این اصول میتوانید سایت بهینه تری طراحی و پیاده سازی کنید.

سبک درون خطی ( Inline )
این روش از نوشتن css دارای بالاترین اولویت اجرا نسبت به دو روش دیگر است. استفاده از این روش تمامی Style های موجود در دو روش دیگر را نادیده میگیرد.این روش در واقع هدف واقعی استفاده از css را کاهش میدهد .
برای اینکه طراحی سایت بهینه تری داشته باشید پیشنهاد میشود که از این روش فقط در مواقع ضروری استفاده کنید.
با استفاده از ویژگی style در یک عنصر میتوانید از این روش نوشتن css استفاده کنید.

مثال :

همیار پروژه

تگ Style در Head صفحه (CSS داخلی) :

یکی از روشهای تعریف css استفاده از روش Internal Style Sheet میباشد. برای استفاده از این روش بایستی کد های CSS را در فایل HTML ، درون تگ<head> قرار دهید.
از این روش فقط در طراحی سایت هایی که تعداد صفحات کمتری دارند ، ولی بهترین روش برای داشتن طراحی سایت حرفه ای استفاده از روش css خارجی میباشد.

مزایای استفاده از این سبک :
تنها بر روی صفحاتی که از این سبک استفاده کرده اند تاثیر میگذارد.
بر خلاف سبک درون خطی ، این روش میتواند از خاصیت ارث بری کلاس ها استفاده کند.برای مثال میتوانید از یک Style در چندین جای همان صفحه اسفاده کنید.
این سبک ممکن است اولویت بالاتری از CSS خارجی ها داشته باشند.

معایب استفاده از این سبک :
تنها در صفحاتی که در آن هستند تاثیر میگذارند
افزایش زمان بارگزاری صفحه

پیشنهاد ویژه :   افزونه وردپرس Download Manager Pro برای مدیریت دانلودها

همیار پروژه

آموزش پیشنهادی ( جلسه اول ) : سی اس اس چیست

همیار پروژه

فایل سی اس اس خارجی در صفحه (CSS خارجی) :

یکی از روشهای تعریف css استفاده از روش External Style Sheet میباشد.
برای داشتن طراحی سایت بهینه پیشنهاد میشود که از این روش استفاده کنید.
از CSS خارجی زمانی استفاده میشود که آن style در بیشتر صفحات استفاده شده باشد.

با استفاده از CSS خارجی ، شما با تغییر دادن تنهایک فایل میتوانید ظاهر سایت خود را تغییر دهید.هر صفحه بایستی به CSS Style مورد نظر خود لینک داده شود. بهترین روش برای گذاشتن CSS Style در صفحات وب ، CSS خارجی میباشد

با استفاده از تگ <link> در داخل بخش head شما میتوانید یک CSS خارجی تعریف کنید.

مثال :

CSS خارجی را میتوان در هر ویرایشگر متنی نوشت ، CSS Style ها باید با فرمت css. ذخیره شوند. با استفاده از این سبک در واقع شما از یک Style میتوانید در چندین صفحه از وب سایت خود استفاده کنید.

همیار پروژه

اصول نوشتن کدهای CSS :

گذاشتن فاصله بین مقدار و واحد اشتباه است

مثال صحیح :

مثال غلط:

همیار پروژه

قوانین نام گذاری فایل های css :

از کاراکترهای خاص استفاده نکنید.کاراکترهای مجاز عبارتند از :حروف a-z ، اعداد 0-9 ، خط زیر (_) ، خط فاصله (-)

از کاراکتر فضای خالی استفاده نکنید ( ) مثلا : style Master.css ، این نامگذاری میتواند در وب سرور شما مشکل ایجاد کند.

نام فایل بایستی با یک حرف شروع شود.

برای نام گذاری فایل از حروف کوچک استفاده کنید.

نام فایل را تا آنجا که ممکن است کوتاه تعریف نمایید.

فراموش نکنید که حتما فایل را با پسوند css ذخیره کنید.

با رعایت تمامی این نکات شما طراحی سایت بهینه تری را خواهید داشت .

 

موفق باشید

همیار پروژه CSS

2 نظر

  1. سلام. خسته نباشید.
    میخواستم بدونم که این آموزش CSS نویسی رو تا آخر ادامه میدید که بنده دنبال کنم؟! آخه وسط شاید ول بدید و بنده آموزشم نیمه کاره شه !

    • همیار پروژه مدیر سایت

      سلاتم کاربر عزیز
      آموزش بصورت مرتب و کامل ادامه خواهد داشت تا جایی که تقریبا دیگه مبحثی در این زمینه باقی نمونه

دیدگاه خود را بیان کنید

تخفیف ویژه
تخفیف پکیج