همانطور که در مبحث قبلی گفتم ، نوشتن مشخصه 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 باید بین تگ های
و
باشد . شروع کدهای CSS را با تگ شروع
آمار مطالب
آمار کاربران
آمار بازدید