در ادامه سری آموزش های زبان CSS به سه عنصر دیگر میرسیم که هر کدام از آن ها یکسری امکانات و ویژگی ها را برای طراح سایت فراهم می کند که می تواند با استفاده از هر کدام از آنها سایت خود را زیباتر و شکیل تر کند این سه عنصر عبارت اند از:Cursor , Display , Visibility
cursor
انواع مختلفی از نمایش مکان نما در صفحه را مشخص میکند
زمانی که روی یک عنصری که مشخص کرده ایم میرویم مکان نما به شکل مورد نظر نشان داده میشود.
{span.crosshair {cursor:crosshair
{span.help {cursor:help
{span.wait {cursor:wait
visibility
مخفی کردن عناصر در css با این ویژگی امکان پذی است
none
hidden
{;h1.hidden {visibility:hidden
اگر به تگ های زیر این ویژگی را نسبت دهید تمامی عناصری که داخل آنها قرار میگیرد نیز از این ویژگی ارث میبرند.
<h1>
<p>
<div>
ولی در تگ های زیر فقط خود عنصر از این ویژگی تبعیت میکند
<span>
<a>
display
این ویژگی مشخص میکند که چگونه یک عنصر نمایش داده می شود
{;li {display:inline
{;span {display:block
با تغییر ویژگی display برای عنصرهایی که چاپ آنها ضروری نیست، می‌توانید تنها متن اصلی صفحه را به چاپگر بفرستید. بسیاری از بخش‌های سایت مانند سربرگ، منوها و تبلیغات نیازس نیست که در ز خروجی چاپ نمایش داده شوند.
مقادیری که میتواند Display بگیرد:
Display:block
اگر به یک DIV این خاصیت را بدهید، یعنی آن عنصر میتواند کل سطر خود را اشغال کند و مانند یک بلاک رفتار میکند و هیچ عنصر دیگری را در کنار خود جا نمی دهد. این خاصیت باعث میشود عنصر ما مثل تگ h1 عمل کند.
Display:inline
یعنی DIV در یک خط قرار گرفته که چندین عنصر در آن خط قرار داردند و باید بقیه عنصر ها را در کنار خود جا دهد و بپذیرد .
Display:none
یعنی عنصر نمایش داده نشود.
Display:inline-block
کاربردی مانند Display:inline دارد
display:list-item
هر یک از بلاک هایی که این خاصیت را دارا باشند بصورت یک آیتم نشون داده میشوند و یک بولت در کنارآن نمایش داده میشود. مانند تگ ul.
