رفتن به مطلب

تفاوت این دو body


پست های پیشنهاد شده

با سلام

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

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


background-color: #AAAAAA;

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


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

ویرایش شده توسط عباس
لینک به ارسال

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

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

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

ویرایش شده توسط progpars
لینک به ارسال

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

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

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

لینک به ارسال

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

مثال :


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

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


.class1,.class2{
color:red;
}

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

لینک به ارسال

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


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;

لینک به ارسال

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


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

لینک به ارسال

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

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

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

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

لینک به ارسال

یک سوال دیگه:

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


<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>

متشکرم

لینک به ارسال

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

لینک به ارسال
ارسال شده در (ویرایش شده)

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

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


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

ویرایش شده توسط عباس
لینک به ارسال

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...