آموزش لینک ها ( links ) در CSS

لینک به عناصری گفته می شود که به منظور ارتباط دادن عناصر سایت با صفحات مرتبط با سایت مانند : تصاویر ، دیگر صفحات وب و … اتصال اینها می شود . نحوه ارتباط دادن که مربوط به HTML می شود را می دانید از این لحاظ ما از نحوه ارتباط دادن صرف نظر می کنیم  ( برای یادگیری  لینک ها  ، به آموزش نحوه لینک دادن در HTML  را بازدید کنید ) و در اینجا تنها مواردی که مربوط به طراحی لینک ها در CSS می شود را مورد بحث قرار می دهیم . در مجموع زمانی که ما یک لینکی را در صفحه تعریف می کنیم ،دارای چهار حالت زیر می شود.

1.حالت عادی:

این حالت ،حالت عادی لینک که به صورت پیش فرض به رنگ آبی نمایش داده می شود. اما می توان دیزاین را تغییر داد،که البته این کار را می توان به دو صورت انجام داد.

حالا بعد استفاده از دستور بالا رنگ لینک ،انتخاب شده به رنگ سرخ تبدیل می شود.

2- حالت hover :

این حالت ،حالتی است که شما نشانگر pointer را از بالای لینک عبور می دهید.که البته این حالت به صورت پیش فرض غیر فعال می باشد ام می توانید مانند دستور زیر به آن دیزاین تعریف کنید :

3- حالت active:

حالتی که با pointer روی لینک کلیک می کنیم و بعد از رها کردن کلیک دوباره به حالت قبل بر میگردد.

این حالت زمانی بیشترین کاربرد را دارد که شما قصد رسپانسیو کردن قالب سایت را دارید.

4 – حالت visited:

حالتی است که شما از لینک دیدن کردید با این حالت میتوانید تعیین کنید که بعد از دیده شدن لینک رنگ ان به چه رنگی تغییر کند.

بصورت پیش فرض لینک دارای زیر خطی می باشد که میتوان ان را تغییر داد.

none: با این حالت می توان زیر خط را حذف کرد.

underline : با این حالت زیر خط نمایش داده میشود.

overline : با این حالت خط بالای متن ارتباط داده می شود.

line-through : با این مقدار خط در وسط متن نمایش داده میشود.