آموزش طراحی وب

مدرسه مجازی ایرانیان

دسته بندی موضوعات
سفارش تبلیغات

قواعد دستوری CSS

CSS

فصل اول : مبانی CSS

جلسه چهارم  : قواعد دستوری CSS

سلام به همراهان همیشگی مدرسه مجازی ایرانیان

در ابتدا سال نو رو به شما دوستان عزیز تبریک میگم و سالی سرشار از سلامتی و موفقیت رو براتون آرزو میکنم .

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

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

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

مثلا نام تگ ها در HTML به حروف بزرگ و کوچک حساس نیستند اما در XHTML این حساسیت وجود داره . نام فونت ها هم به استثنای فونت های عمومی که برای CSS شناخته شده هستند ، در برخی سیستم عامل ها این حساسیت رو دارند .

خوب میریم سراغ قواعد دستوری CSS ، برای نوشتن دستورات CSS میتونید از نرم افزارهای مختلف استفاده کنید . نرم افزار معمولی که استفاده میشه  notepad++ و یا  Dream Weaverهست اما من شخصا از NuSphere PhpED استفاده می کنم . شما میتونید با هر نرم افزاری که راحت هستید کارتون رو شروع کنید .

برای شروع به تصویر زیر دقت کنید :

قواعد دستوری CSS

خط اول یک کامنت (توضیحات) رو نشون میده ، شما برای درج توضیحات در فایل CSS میتونید از این دستور استفاده کنید . به این صورت که توضیحاتتون رو بین دو علامت  /* و  */ قرار بدید . توضیحاتتون میتونه فارسی هم باشه با این شرط که فایل رو utf-8 ذخیره کنید .

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

خط سوم دستوری هست که مجموعه ای از قواعد رو در برمیگیره . در این دستور که مشاهده می کنید ما به صفحه که همون body محسوب میشه گفتیم تمامی رنگ فونت ها #۰۰۰ باشه و ضخامت فونت ها هم نرمال باشه .

همونطور که ملاحظه می کنید ، برای نوشتن قواعد ابتدا نام Selector رو مینویسیم سپس با علامت ”  {  ” بلاک رو باز می کنیم و قواعد رو لحاظ می کنیم و سپس با علامت ”  }  ” بلاک رو میبندیم .  قواعد در بلاک ها با کاراکتر ”  ;  ”  از هم جدا میشوند که برای قاعده آخر نیازی به این کاراکتر نیست چرا که قاعده ای بعد از اون نیست . هر قاعده از یک نام و یک مقدار تشکیل میشه که با علامت ”  :  ”  از هم تفکیک میشوند .

syntax css

قواعد در CSS مجموعه ای از دستورات هستند که این دستورات یا یک قانون هستن یا مجموعه ای از قواعد که در مثال های بالا ملاحظه کردید .

در صورتی که بخواین برای چند Selector قواعد یکسان تعریف کنید . به شکل زیر عمل می کنید :

 تمامی Selector ها رو با کاراکتر ”  ,  ”  از هم جدا می کنیم .

خوب دوستان این جلسه هم به پایان رسید . امیدوارم که مفید واقع شده باشه .

 تهیه شده در مدرسه مجازی ایرانیان

<<

>>

اگر این آموزش برای شما مفید بود با دوستان خود به اشتراک بگذارید



سفارش تبلیغات

گردآوری و تالیف : میترا رحیمی

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مدرس و مسلط به برنامه نویسی سمت سرور با PHP MVC و برنامه نویسی سمت کلاینت با html 5 , css3 , jquery , مبانی سئو و سیستم مدیریت محتوای وردپرس

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

لطفا تنها دیدگاه خود را در رابطه با این مطلب ارسال نمایید، سوالات را از طریق سامانه پرسش و پاسخ مطرح نمایید. سوالات در دیدگاه ها تایید نخواهد شد.

  • سعید

    سلام خسته نباشید، خیلی ممنون بابت این آموزش مفید عالی
    موفق باشید 😉

وبلاگ مدرسه

مختصری درباره ما
مدرسه مجازی ایرانیان در زمینه آموزش علوم و فنون طراحی و برنامه نویسی صفحات وب اعم از آموزش زبان های برنامه نویسی و کدنویسی و همچنین آموزش طراحی گرافیک توسط نرم افزارهای گرافیکی پیکسلی و برداری فعالیت دارد .
ورود به وبلاگ

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

آخرین پرسش و پاسخ ها

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟