PDA

View Full Version : مبتدی: چند توضیح در خصوص نحوه اعمال تگهای زیر بر روی صفحات مورد نظر



sahel65
یک شنبه 04 تیر 1391, 20:50 عصر
سلام دوستان؛ اینروزا چون چند مقاله میخوندم یکمی گیج شدم و میخوام توضیحات بهتر رو از شما بشنوم.
خودم یک توضیحی میدم و اگه ایراد داشت شما اصلاح شده ش رو بهم بگید. متشکرم از همه تون.
بعنوان مثال :

[CSS]


* {

}
[CSS/]

این گزینه روی همه صفحه وب ما تاثیر میذاره و در واقع سلکتوریست به معنای همه و نیازی به آوردن اون توی طراحیمون نیست.

body {

}
[CSS/]

اینهم بدنه اصلی طراحی مون رو در بر میگیره و چون قبلش هیچ گزینه ای که نشون دهنده class یا ID باشه نداره پس تو صفحه طراحی هم بنویسیم body چون تگ بدون نوع هستش همه رو در بر میگیره.

.bold {

}
[CSS/]

این چون قبلش . داره پس کلاس هستش و فقط مواردی تحت تاثیر این قرار می گیرن که اینجوری نوشته شده باشن:
div class=bold و ادامه ماجرا

ul {

}
[CSS/]

اینهم چون بدون هیچ چیزی نوشته شده پس هر تگی رو که شامل Ul باشه دربر میگیره.

a {

}
[CSS/]

اینهم که همه لینکها رو

a:hover {

}
[CSS/]
div#wrapper {

}
[CSS/]

اینهم چون به این صورت نوشته شده، پس تگهایی رو شامل میشه که به این طریق نوشته شده باشه:
div id=wrapper


div#header div.logo
{
}
[CSS/]

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

Saber Mogaddas
سه شنبه 06 تیر 1391, 17:39 عصر
سلام


[CSS]
div#wrapper {

}
[CSS/]

اینهم چون به این صورت نوشته شده، پس تگهایی رو شامل میشه که به این طریق نوشته شده باشه:
div id=wrapper

[CSS]
div#header div.logo
{
}
[CSS/]
اینهم تگهایی که زیرمجموعه header و زیرکلاس لوگو باشن.

تگها نه فقط دیو ها
div.wrap
توجه کنید که تو این selector در ابتدا دیو نوشته شده پس در بر گیرنده دیو هایی که کلاس wrap را دارند.
در مثال های شما نیز به همین صورت هست برای وضوح بیشتر :
span.wrap
span های که دارای کلاس wrap هستند.
موفق باشید.