آموزش css – درس دوم-دستورات

[ آخرین بازنگری ۲۱ آبان ۱۳۹۵ ] [ نسخه چاپی ]

در درس قبل به معرفی css پرداختیم و مزایای آن را با یکدیگر بررسی کردیم.در این درس دستورات css و نحوه ی استفاده آن را فرا میگیریم.
دستورات css دارای دو بخش اصلی می باشند : یک انتخابگر(selector) ، و یک یا چند معرف (Declaration)!
انتخابگر معمولا عنصر html ای میباشد که شما قصد دارید شیوه ای را بر آن اعمال کنید و هر معرف شامل مشخصه (property) و مقدار (value) است.
انتخابگر و selector در css
مشخصه همان بخشی است که شما میتوانید تغییر دهید و هر مشخصه مقداری را دریافت میکند.

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

P{color:#ff0000;text-align:center;}

برای اینکه css شما قابلیت خوانده شدن بهتری داشته باشد(تا هنگامی که قصد ویرایش داشتید راحت تر آن بخش را بیابید) میتوانید هر معرف را در یک سطر قرار دهید،یعنی میتوانیم مثال بالا را اینگونه داشته باشیم:

P{
Color:#ff0000;
Text-align:center;
}

اضافه کردن توضیحات به فایل css

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

/* نمایش یک پاراگراف  */
p
{
text-align:center;
/* رنگ پاراگراف   */
color:black;
font-family:arial;
}

توجه کنید که توضیحات توسط مرورگر ها نمایش داده نمیشوند و تاثیری در اجرای کد ندارند ولی در مرتب سازی کد تاثیر بسزایی دارند.

احتمالا این مطالب برای شما جالب هستند

آموزش css – درس ششم – ویرایش متن
آموزشcss – درس پنجم – تصویر زمینه
آموزش css – درس چهارم – نحوه استفاده از css
تعیین فونت و قلم نوشته‌ها و استایل بندی آن در CSS
طراحی و استایل بندی جدول با کمک CSS
دوره‌ی مقدماتی آموزش کسب مهارت CSS
آشنایی با CSS و لزوم استفاده از آن در طراحی سایت

گفتگو پیرامون آموزش css – درس دوم-دستورات

(منتشر شده: 3 | در انتظار تایید: 0)
حسین

خیلی خوب بود گام به گام مراحل ر پیش میبرد

پاسخ دهید
بابک

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

پاسخ دهید
عصرعلم

در پاسخ به بابک

سلام
خوشحالم که آموزش برای شما مفید بوده
سربلند باشید

پاسخ دهید

مرام‌نامه‌ی ارسال دیدگاه را رعایت کرده‌ام! (»نمایش مرام‌نامه)