استفاده از id برای دادن نام اختصاصی به هر تگ div

660 بازدید

نسخه :

همانطور که در مبحث قبلی گفتم ، نوشتن مشخصه style درون تگ div انتخاب مناسبی نیست و ما به جای آن روش بهتری را پیشنهاد می کنیم . در این روش برای هر تگ div یک نام اختصاصی ( یک id ) در نظر می گیریم و سپس ویژگی هایی را که می خواهیم به آن تگ div نسبت دهیم را در قسمت head از فایل html قرار می دهیم . همان مثال مبحث قبل را این بار با این روش می نویسیم :

<html>
 
<head>
<style type="text/css">
#column1 {
          float:left;
          padding-right:100px;
         }
#column2 {
          float:left;
         }       
</style>
</head>
 
<body>
 
<div id="column1">
<p>paragraph number 1</p>
</div>
 
<div id="column2">
<p>paragraph number 2</p>
</div>
 
</body>
</html>

<html>

<head>

#column1 {

float:left;

padding-right:100px;

}

#column2 {

float:left;

}

</style>

</head>

<body>

<p>paragraph number 1</p>

</div>

<p>paragraph number 2</p>

</div>

</body>

</html>

نتیجه :

paragraph number 1

paragraph number 2

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

در کدنویسی بالا ، ابتدا برای تگ div اول یک id با نام column1 و برای تگ div دوم یک id با نام column2 مشخص کرده ایم . حال باید کدهای CSS را بنویسیم . محل کدهای CSS باید بین تگ های <head> و <head/> باشد . شروع کدهای CSS را با تگ شروع <style type=”text/css”> اعلام می کنیم و پایان کدهای CSS را نیز با تگ پایانی <style/> اعلام می کنیم ، سپس بین این دو تگ ، کدهای CSS را می نویسیم . برای تگ های div ، نام هایی اختصاصی ( id ) ساختیم تا بتوانیم در این محل به آنها ویژگی هایی را اختصاص دهیم . برای اینکه هر تگ div را مشخص کنیم ابتدا علامت # را نوشته و سپس نام id مربوط به آن را می نویسیم . سپس بین دو علامت { و } تمامی مشخصه هایی را که می خواهیم برای آن تگ div می نویسیم .

سورس کتاب اندروید سورس شبکه اجتماعی اندروید سورس تاکسی یاب اندروید سورس فروشگاه اینترنتی اندروید سورس کد برنامه تاکسی یاب مشابه تپ سی و اسنپ
سورس فروشگاه اینترنتی اندروید سورس کتاب اندروید
دانلود سورس موبوگرام دانلود سورس تلگرام

اسکریپت باران | دانلود اسکریپت و سورس اندروید

استفاده از id برای دادن نام اختصاصی به هر تگ div

نتیجه :

دسته‌ها

محصولات فارسی

سایت های مفید دیگر