display:خاصية الإظهار وقواعد التعامل بها

شرح خاصية الإظهار display وكيفية اخفاء عنصر من الظهور فى الصفحة


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

<head>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
</head>

<div class="des">
<span>this is a website for web developing</span>
<span>this is a website for web developing</span>
<span>this is a website for web developing</span>
<span>this is a website for web developing</span>
<ul>
<li><a href="#">الرئيسية</a></li>
<li><a href="#">المنتدى</a></li>
<li><a href="#">المجلة</a></li>
<li><a href="#">اتصل بنا</a></li>
</ul>

<img src="baner.jpg" alt="banner" />
</div>


//css style.css
.des ul {
visibility:hidden;
}

.des li{
float:left;
display:block;
direction:rtl;
padding:5px;
background:#ccc;
margin:3px;
}

.des li a{
text-decoration:none;
}

.des li a:hover{
background:#999;
}

.des span {
display:block;
margin-right:4px;
}