عضویت در سایت

ورود

فراموشی رمز عبور

رمز عبور خود را فراموش کرده اید؟ ایمیل خود را وارد کنید

ورود

عضویت در سایت

رایگان ثبت نام کنید و سوالات خود را بپرسید، همچنین میتوانید در پاسخگویی به سوالات دیگر کاربران نیز سهیم باشید، هر مشکلی در ثبت نام یا ورود داشتید با ایمیل beporsam@gmail.com در ارتباط باشید

در بین 1170 آموزش و 2020 پرسش به دنبال چه هستید؟

ویندوز
نصب آنلاین ویندوز

ویندوز 7,8,10,11
مشاوره
مشاوره خرید لپ تاپ و کامپیوتر

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

1k+
پشتیبانی آنلاین

سخت افزار/نرم افزار

آموزش css – قسمت دوم(مقداردهی)

سلام

با جلسه دوم از آموزش css در خدمتتون هستیم، در جلسه قبلی یک مقدمه در رابطه با css گفتیم(برای مشاهده قسمت اول کلیک کنید)، در این قسمت می پردازیم به نحوه مقدارهی و مفهوم کلاس و آیدی، پس در ادامه با بپرسم همراه باشید.

آموزش:

برای مقدار دادن به یک تگ در css می توانیم از سه روش استفاده کنیم، که این سه روش عبارتند از:

  • درون خطی
  • صدا زدن تگ
  • صدا زدن آیدی(id) و کلاس(Class)

درون خطی

مثال زیر را در نظر بگیرید:

در مثال بالا در داخل تگ p به تگ p استایل دادیم، برای استایل درون خطی می توانیم در تگ باز عبارت

را باز و کدهای خودون رو بنویسم.

صدا زدن تگ

در این روش نام تگ یا نام کلاس یا آیدی که برای تگ تعریف کردیم را صدا میزنیم و کدهای Css را براش می نویسیم، تگ های از پیش تعریف شده مثل p,ul,تگهای h1 تا h6 و … را می توانیم بدون دادن کلاس یا آیدی مقدار دهی کنیم.

فرض کنید میخواهیم به تگ p استایل دهیم، برای این کار در قسمت کدهای css فقط کافیست به صورت زیر عمل کنیم:

مطلب پیشنهادی:  آموزش Corel Video Studio - قسمت اول(مقدمه)

و تگ های از پیش تعریف شده(ثابت) را نیز می توانیم این چنین مقداردهی کنیم.

صدا زدن آیدی یا کلاس

در مطالب فوق چندین بار عبارات”آیدی(id)” و “کلاس(class)” را نام بردیم؛ حالا مفهوم id و class چیست و چه کارایی دارد؟

برای هر تگ در HTML می توانیم یک نام اختصاص دهیم که از این نام میتوانیم برای استایل دادن به آن تگ استفاده کنیم، حال این نام میتواند منحصر به فرد باشد(id) یا اینکه عمومی(class) باشد.

حال فرض کنید به تگ div زیر یک Id با نام div1 دادیم:

حال میخواهیم در قسمت Css این آیدی را صدا بزنیم و کدهای css را براش بنویسیم، برای صدا زدن ID باید قبل از نام ID یک # قرار داده و سپس نام ID را نوشته، به صورت زیر:

ID منحصر به فرد است، در هر صفحه HTML آیدی که برای تگ انتخاب می کنیم نباید تکراری باشد.

حالا یک تگ div دیگر تعریف و اینبار برای این تگ به جای تعریف ID، یک Class تعریف میکنیم:

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

سپس برای استایل دادن به این تگ، باید قبل از نام تگ . قرار بدیم، به صورت زیر:

Class می تواند منحصر به فرد نباشد! از یک کلاس می توانیم برای بیش از یک تگ استفاده کنیم.

به دلیل طولانی نشدن این قسمت را به پایان می رسانیم، همراه ما باشید تا قسمت های بعدی …

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

موفق باشید.

درباره احمد آخوندیمدیر سایت

همیشه در تلاش برای یادگیری :) ارتباط با من: 09159352892

دنبال کردن

ارسال نظر

رفتن به بالا

سامانه آموزشی و خدماتی بپرسم

اولین وب سایت آموزشی و پرسش و پاسخ در ایران

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