تفاوت . و # در CSS

تفاوت . و # در CSS

همان طور که همه می دانند Css در طراحی و و ظاهر صفحه امروزه از نقش اساسی برخوردار است و بدون آن بسیاری از کدها جهت استفاده مجبور به تکرار هستند. برای این منظور لازم دانستیم که برای دوستان نکاتی را در این زمینه بیان کنیم. زمانی که یک فایل CSS ساخته می شود ما باید با استفاده از آن اجزا و ساختار صفحه را تعریف کنیم و به هر صفحه انتصاب دهیم. برای این منظور تنها کافی است که در تگ هایی که در صفحات وب یا HTML استفاده می کنیم از متدی به نام Class استفاده کنیم و نام Css مورد نظر را به آن بدهیم تا از خصوصیاتی که قبلاً تعریف کردیم برخوردار شود. علاوه بر این می توان اختصاصاً برای یک تگ خاص یک Css جداگانه نوشت به این صورت که در زمانی که می خواهیم Css را تعریف کنیم قبل از آن علامت # را قرار میدهیم و بعد از آن نام تگ مورد نظر. در این صورت تمامی خصوصیات نوشته شده برای آن تگ قابل استفاده و بدون نیاز به Class اجرا می شود. برای فهم بیشتر مطلب به مثال های زیر توجه کنید :

آدرس دهی به صورت عمومی

.IMAGE{
text-align: center;
background-color: rgba(221,221,221,0.80);
width: 150px;
height: 120px;
border-radius: 15px 15px;
border: 1px solid #797979;
}

آدرس دهی برای یک تگ خاص

#MyImage{
background-color: rgba(239, 239, 239, 0.96);
margin: 10px 0 -7px 15px;
line-height: 30px;
height: 32px;
text-align: left;
padding-left: 40px;
color: #0076cf;
}

در مثال اول Css نوشته شده به صورت عمومی می تواند مورد استفاده قرار گیرد و در هر تگ که عبارت "class="IMAGE نوشته شود از خصوصیات آن استفاده می کند اما در مثال دوم دیگر نیاز به class نیست و هر تگ که نام آن MyImage باشد از آن Css تغذیه می کند. نکته دیگری که نیاز است دوستان بدانند این است که اگر در زمان نوشتن Css هیچ یک از علامت های dot و # نوشته نشود، آن Css نیز بصورت عمومی بر روی کل صفحه تأثیر می گذارد. مانند مثال زیر :

آدرس دهی بصورت کلی

html, body, div, span{
background: transparent;
border: 0;
font-size: 100%;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}



نظرات کاربران



عبارت امنیتی : حاصل 1 × 7 می شود :
متن پیام :