blocks-div:كيفية عمل بلوك او قطاع خاص بجزء معين فى الصفحة للتحكم به فقط

شرح كيفية عمل بلوك او قطاع فى الصفحة للتأثير عليه بcss باستخدام وسم div


<<السابق الحالى التالى>>
كافة الدروس

<style type="text/css">
#navbar{
width:600px;
height:200px;
font-family:Arial,hevetica,sans-serif;
font-size:18px;
}

#navbar ul{
list-style-type:none;
position:absolute;
}

#navbar li {
position:absolute;
float:right;
margin-left:15px;
}

#navbar li:hover{
background:#00f;
cursor:pointer;
}

#leftmenu {
float:right;
width:230px;
}

#leftmenu ul {
list-style-type:none;
font-size:22px;
border:2px solid #ccc;
background:#06c;
color:#fff;
box-shadow:4px 4px 4px 4px;
-moz-box-shadow:4px 4px 4px 4px;

}

#para span {
font-size:18px;
color:#f60;
text-decoration:underline;
}

</style>

<div id="navbar">

<ul>
<li>الرئيسية</li>
<li>بداية تعلمك</li>
<li>برمجة الإسكربتات</li>
<li>fireworks</li>
<li>كتب وأكواد</li>
<li>jquery</li>
</ul>

</div>

<div id="leftmenu">
<ul>
<li>مركز الدورات</li>
<li>الفوتوشوب</li>
</ul>
</div>

<p id="para">
نستكمل معكم زوار موقعنا الكرام دروس دورتنا
<span> اقرأ المزيد </span>
</p>