Printable View
سلام.
من یک سوال داشتم.
چگونه می شود برای تمام یک نوع تگ یک class تعریف کرد.
مثلا تمامی div ها به صورت
از copy &replace نمی خواهم استفاده کنم. در واقع می خواهم طوری باشد که اگر برای تصاویر تعریف شد برای عکس های بعد هم جواب دهد.کد:<div class="p30world"></div>
Css این قابلیت رو بهتون میده.
یه مثال میزنم برای اطلاعات بیشتر یه گوگل بزنید و تو فروم خودمون یه سرچ کنید.
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css" >
.p30world{
font:Georgia, "Times New Roman", Times, serif; font-size:9px; background:#CCFFFF
}
</style>
</head>
<body>
<div class="p30world"> </div>
<p> </p>
<div class="p30world"> </div>
</body>
</html>
[/html]
سلام دوست عزیز.
ممنون بابت پاسختان اما گویا من منظورم را بد بیان کردم.
فرض کنید من یک class در css ساخته ام.
حال می خواهم تمامی عکس ها بدون تایپ دارای class دلخواه شوند.
یعنی class="p30world" را دیگر من تایپ نکنم. خود به خود عکس ها را مرورگر با همین class بخواند.
متوجه شدم
اینو ببینید:
[html]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
img{
width:100px;
height:100px;
padding-left:5px
}
</style>
</head>
<body>
<img src="Blue hills.jpg" />
<img src="Winter.jpg" />
</body>
</html>
[/html]
این کد تمام تگ های img رو به طول و عرض 100px و فاصله 5px تبدیل میکنه