ورود

View Full Version : style داخلی و خارجی



prince-of-persia
یک شنبه 14 مرداد 1386, 13:29 عصر
سلام من یک تگ style داخل هر صفحه دارم که به شکل زیر هست :


<head>
<style type="text/css">

BODY { FONT-WEIGHT: bold; FONT-SIZE: 80%; BACKGROUND: #fff; MARGIN: 0px; FONT-FAMILY: tahoma }
H2 { PADDING-RIGHT: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: bold 14px tahoma; COLOR: #000; PADDING-TOP: 0px }
UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none }
IMG { BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none }
#menu9 { MARGIN: 0px; WIDTH: 100% }
#menu9 LI A { HEIGHT: 25px; TEXT-DECORATION: none; voice-family: inherit }
#menu9 LI A:link { PADDING-RIGHT: 25px; DISPLAY: block; BACKGROUND: url(../forms_pics/menu9.gif); PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 8px }
#menu9 LI A:visited { PADDING-RIGHT: 25px; DISPLAY: block; BACKGROUND: url(../forms_pics/menu9.gif); PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 8px }
#menu9 LI A:hover { PADDING-RIGHT: 25px; PADDING-LEFT: 0px; BACKGROUND: url(../forms_pics/menu9.gif) 0px -32px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 8px }
#menu9 LI #current { PADDING-RIGHT: 25px; PADDING-LEFT: 0px; BACKGROUND: url(../forms_pics/menu9.gif) 0px -32px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 8px }

</style>
</head>

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


TABLE
{
font-size: 8pt;
font-family: Tahoma;
vertical-align: top;
direction: rtl;
text-align: center;
}
input
{
font-size: 8pt;
font-family: Tahoma;
direction: rtl;
}



TD
{
font-size: 8pt;
font-family: Tahoma;
direction: rtl;
text-align: right;
vertical-align:top;
}

BODY
{
text-align:center ;
background-color:lightgrey ;
direction:rtl ;
}


.center_td
{
text-align:center ;
background-color:White ;
}




حالا در هر صفحه ایی که فایل css را link می کنم قسمت هایی از صفحه که باید از فایل css خوانده شوند از style داخلی خوانده می شود .
چطور میشه بین این ها تفاوت قائل شد و به فایل css اولویت داد تا tag های هم نام در صفحه از فایل css خوانده شده و فقط قسمتی مشخص از style داخلی خوانده شود ؟

با تشکر

tabib_m
یک شنبه 14 مرداد 1386, 18:45 عصر
باید برای استایل ها کلاس تعریف کنی و بعد برای تگ هایی که میخوای از استایل های صفحه ی جاری استفاده کنن، کلاس معرفی کنی:



table.class1{
...
}
input.class2{
....
}


...
...
...

<table class="class1">
...
</table>

<input class="class2" />
...



موفق باشید.