فروردین, ۱۳۹۸ بدون نظر CSS, طراحی سایت

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

 

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

۱.حالت عادی:

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

{;a :link{color:#ff0000
{;a {color:#ff0000

 

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

۲- حالت hover :

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

{;a:hover{color:#8b4513

۳- حالت active:

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

{;a :active{color:#00ffff

 

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

۴ – حالت visited:

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

{ ;a:visited { color: #00ffff

 

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

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

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

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

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

{;a{text-decoration:none

 

برچسب ها

ارسال نظر شما

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *