تفاوت این دو body

[عباس 67]

با سلام

بخاطر سوالات زیاد عذر میخوام.

این دو body در کد زیر چیه؟ چرا

background-color: #AAAAAA;

رو در همون تگ body ننوشته!!!!!!

<style type="text/css">
<!--
body,td,th {
font-family: Tahoma;
font-size: 12px;
color: #000000;
}
body {
background-color: #AAAAAA;
}

ویرایش شده دی 91 توسط عباس

[nikanwp 629]

اگر background-color: #AAAAAA; رو در اولی نمیزاشت باید تو body دومی هم میزاشت .

, در Css یعنی و پس یعنی body و td و th این استایل رو بگیرن

اگر یک css رو هم در جفتش بزاری به اولی گوش میده

ویرایش شده دی 91 توسط progpars

[عباس 67]

با عرض پوزش، متوجه نشدم.

لطفا واضح تر بفرمایید.

متشکرم

[Morteza 34190]

ببینید داره برای المان bpdy استایل تعریف میکنه.

در بخش اول اومد بهمراه body برای چند المان دیگه هم استایل تعریف کرد. چرا؟ برای اینکه اونها هم همین استایل رو داشتن و بااینکار خلاصه نویسی کرد.

در بخش دوم هم یک استایل جدا به body داد.

[nikanwp 629]

فرض کنید ما تو html دو تا کلاس ایجاد کردیم :

مثال :

<div class="class1"></div>
<div class="class2"></div>

حالا تو css میخوایم به جفت این کلاس ها color:red بدیم . برای ساده نویسی و راحتی کار ما میام از , استفاده میکنیم و به این صورت میدیم :

.class1,.class2{
color:red;
}

حالا با توضیحاتی که در بالا گفتم متوجه میشید

[عباس 67]

چرا به این صورت تعریف نکرده:

body {
font-family: Tahoma;
font-size: 12px;
color: #000000;
background-color: #AAAAAA;
}
td,th {
font-size: 12px;
color: #000000;
}

یعنی مگه برای body این سه استایل معرفی نشده

font-family: Tahoma;
font-size: 12px;
color: #000000;
background-color: #AAAAAA;

و برای td,th هم

font-size: 12px;
color: #000000;

[nikanwp 629]

ببینید مثلاْ اینجا font-size: 12px; تو جفتشون مشترکه به جای اینکه اون شکلی سوا سوا بنویسیم میایم با , کنار هم مینویسیم و یکباره کاری میکنیم

body,td,th{
font-size:12px;
}

[سعید حسینی 2409]

چرا به این صورت تعریف نکرده

دلیل اینکه با کاما جدا شده همونطور که دوستان گفتند برای جلوگیری از تکرار خطوط و خلاصه نویسی بوده و کم بودن حجم style.css در لود شدن نیز تاثیر داره.(نه خیلی ولی تا حدودی!)

بعداً بنا به اینکه نیاز به استایل متفاوتی داشتید مثلاً اندازه فونت body دیگه نمیخوایید 12 باشه و باید 14 تغییر بدید, میتونید body را به همون صورت که نوشتید جدا داخل body استایل بدید و body را از بین کلاس های مشترک شده حذف کنید.

در مورد background-color بدنه (body) سایت شما رنگی خاص داشته که قسمت های دیگه نباید این رنگو داشته باشند که داخل کلاس body مجزا تعریف شده.

[عباس 67]

سپاسگزارم دوستان گرامی...

کاملا متوجه شدم.

[عباس 67]

یک سوال دیگه:

چرا کلاس بادی در زیر دات نداره؟

<style>
body {color:#444;background-color:#eee;text-align:center;margin:20px 0 30px;font-family: Tahoma; font-size: 8pt;}
.page{background:#fff;text-align:left;margin:20px auto;padding:10px;width:750px;}
</style>

متشکرم

[nikanwp 629]

ثابت های css دات ندارند body یا a یا td و .. که میبینید ثابتن و کلاس و آیدی نیستن که با . یا # شروع بشن

[عباس 67]

وقتی از ثابتها استفاده میکنیم مثلا یک استایل خارجی داریم که خاصیتهایی رو به تگ body و یا html اختصاص دادیم، دیگه لازم نیست در کدهای html این کلاس ها رو برای تگها تعریف کنیم؟یا باید مثل کلاسها اینها رو هم وارد کنیم؟

مثلا کد زیر رو در فایل css داریم، همین کافیه برای تغییرات قالب؟

body{
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}

ویرایش شده دی 91 توسط عباس

[Morteza 34190]

بله همین کافیه. تگ های اصلی html بصورت مستقیم در استایل فراخوانی میشن.