همانطور که در مبحث قبلی گفتم ، نوشتن مشخصه style درون تگ div انتخاب مناسبی نیست و ما به جای آن روش بهتری را پیشنهاد می کنیم . در این روش برای هر تگ div یک نام اختصاصی ( یک id ) در نظر می گیریم و سپس ویژگی هایی را که می خواهیم به آن تگ div نسبت دهیم را در قسمت head از فایل 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>
نتیجه :
|
paragraph number 1 paragraph number 2
|
مشاهده می کنید که نتیجه دقیقا همان نتیجه مثال مبحث قبلی است . این روش بسیار کارآمد است که باعث می شود با گذشت زمان که صفحه شما شلوغ تر می شود ، گیج نشوید و راحت تر بتوانید مشخصه های هر تگ را تغییر دهید .
در کدنویسی بالا ، ابتدا برای تگ div اول یک id با نام column1 و برای تگ div دوم یک id با نام column2 مشخص کرده ایم . حال باید کدهای CSS را بنویسیم . محل کدهای CSS باید بین تگ های
و
آمار مطالب
آمار کاربران
آمار بازدید
