.HotNews{
color:#F00;
font-size:large;
}
<body id="bdy">
document.getElementById('bdy').style.background='#000';
.box {
border:1px red dashed;
width:250px;
height:100px;
background-color:silver;
text-align:center;
}
<html>
<head>
<title>SoroorWeb.com</title>
</head>
<body>
<div class="box">
<a href="http://www.soroorweb.com">SoroorWeb.com</a></div>
</div>
</body>
</html>
#box {
border:1px red dashed;
width:250px;
height:100px;
background-color:silver;
text-align:center;
}
<html>
<head>
<title>SoroorWeb.com</title>
</head>
<body>
<div id="box">
<a href="http://www.soroorweb.com">SoroorWeb.com</a></div>
</div>
</body>
</html>
درود بر شما
المان های block-Lever و Inline
یک المان می تواند بخ صورت Block-Lever یا Inline ظاهر شود.
اگر به صورت Block-lever نوشته شود، همواره روی یک خط جدید قرار خواهد گرفت; درست مثل یک پاراگراف جدید در یک کتاب. اگر Inline باشو، بر روی خط فعلی نوشته می شود; مثل کلمه بعدی در یک پاراگراف.
ایمانهای Block-Lever ، قطعات ساختاری بزرگ صفحه محسوب می شوند و به همین دلیل می توانند شامل المانهای Inline ، متن و المان های Block-Lever[/B دیگر باشند. در مقابل المانهای Inline فقط می توانندمتن و المانهای Inline دیگر را در بر بگیرند.
دورد بر شما
در ادامه صحبت های علی جان با ید ارض کنم که:
یک المان می توتند به صورت Block-Lever یا Inline نوشته شود.اگر به صورت Block-Lever نوشته شود، همواره بر روی یک خط جدید قرار خواهد گرفت; درست مثل یک پاراگراف جدید در یک کتاب. اگر Inline باشد، بر روی خط فعلی نوشته می شود; مثل کلمه بعدی در یک پاراگراف.
المانهای Block-Lever قطعات ساختاری بزرگ صفحه محسوب می شوند و به همین دلیل می توانند شامل المانهای Inline ، متن و المان های Block-lever دیگر باشند. در مقابل المان های Inline ، فقط می توانند متن و الانهای دیگر Inline را در بر گیرند.
منبع: الیزابت کاسترو
همونطور که مشخص کردم ارزش id در specificity از class بیشتره و اگر شما در صفحه در 100 سبک مختلف که به class ها اختصاص داده باشید رنگ یک پاراگراف رو سبز تعیین کرده باشید و تنها در یک بخش به یک پاراگراف یک id اختصاص داده باشید و رنگ رو قرمز مشخص کرده باشید در اینجا رنگ قرمز برای اون پاراگراف در نظر گرفته میشه.
اگر مطلب واضح نیست بگید من براش یه مقاله بنویسم
مطمئنید تاپیک رو خوندید؟ممنون از راهنمايي همه ي دوستان عزيز و اساتيد گرامي
سوال من اينه كه آيا فرقي مي كنه من از كلاس استفاده كنم يا آي دي ؟!
آيا چيزي هست كه مختص يكي از اين دو باشه
من فكر مي كنم كه با هر دو مي شه كار اون يكي رو انجام داد درسته ؟!
من فكر مي كنم كه با هر دو مي شه كار اون يكي رو انجام داد درسته ؟!
/* CSS Document */
ul.headerm li {
float:left;
padding:5px;
font:bold 15px Arial, Helvetica, sans-serif;
padding-left:5px;
}
ul.headerm a:link , ul.headerm a:visited {
display:block;
text-decoration:none;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
background-color:#999999;
color:#FFFFFF;
padding:5px;
}
ul.headerm a:hover {
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
background:#CCCCCC;
color:#666666;
}
ul.headerm a:active {
border-bottom:1px solid #FFFFFF;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
background:#FFFFFF;
color:#666666;
}
.div {
border:1px solid #000000;
margin-top:49;
padding:20px;
}
p {
font:bold 12px tahoma;
}
/* CSS Document */
ul#headerm li {
float:left;
padding:5px;
font:bold 15px Arial, Helvetica, sans-serif;
padding-left:5px;
}
ul#headerm a:link , ul#headerm a:visited {
display:block;
text-decoration:none;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
background-color:#999999;
color:#FFFFFF;
padding:5px;
}
ul#headerm a:hover {
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
background:#CCCCCC;
color:#666666;
}
ul#headerm a:active {
border-bottom:1px solid #FFFFFF;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
background:#FFFFFF;
color:#666666;
}
#div {
border:1px solid #000000;
margin-top:49;
padding:20px;
}
p {
font:bold 12px tahoma;
}
#headerm
.headerm