با این خاصیت میتونیم رنگ نوشته هامون رو تغییر بدیم.
text-decoration :
وقتی که تگ <a> رو قرار میدین، به صورت پیش فرض رنگ آبی داره و یک خط زیرش قرار میگیره. با دادن مقادیر مختلف به خاصیت text-decoration میتونیم سرِ این خطِ یه بلاهایی در بیاریم!!
مقادیری که میگیره، underline (یه خط زیر متن قرار میده)، overline (یه خط بالای متن میذاره)، line-through (یه خط روی متن میکشه) و none (بدون خط) هستند. که در طراحی ها معمولاً مقدار none رو در نظر میگیرن.
font-family :
میتونیم نوع فونت رو با این خاصیت مشخص کنیم. یه سری فونت ها رو مرورگر به صورت پیش فرض پشتیبانی می کنه که ما میتونیم از اونا استفاده کنیم. ولی اگر غیر از اون فونت ها رو بخوایم باید یه کارای دیگه بکنیم که بعداً میگیم. font-size :
خودتون بهتر میدونین که میشه اندازه فونت رو باهاش مشخص کرد. که بر اساس پیکسل مقدار دهی میشه.
جلوی a یه سری چیزا نوشتیم که میخوایم توضیحشون بدیم. اگر یادتون باشه سه تا سلکتور رو قبلا گفتیم. اینا هم، یه چند تا دیگه از سلکتورها هستن. (این نوع سلکتورها رو همیشه با دو نقطه ” : ” به کار میبریم)
hover:
وقتی که موس روی المان مورد نظر بره این سلکتور عمل میکنه و اون بلایی رو که میخوایم سرِ المان در میاره!!
focus:
وقتی که رو المانی کلیک بکنیم سلکتور focus: عمل میکنه و تغییراتی رو که بخوایم اعمال میکنه. این تغییرات تا وقتی میمونه که روی المان دیگه ای کلیک نکرده باشیم.
visited:
فقط روی تگ <a> کار میکنه. عملکردش اینطور هست که وقتی روی لینک کلیک میکنی و اون رو باز میکنی، تگ <a> رو انتخاب میکنه و استایل های که دادیم رو روش اجرا میکنه. همچنین وقتی این اتفاق بیوفته، لینک باز شده دیگه اون استایل های اولیه رو نمیگیره.
active:
وقتی که روی المان مورد نظر کلیک کنی سلکتور active: اون المان رو انتخاب می کنه و استایل های مورد نظر ما رو بهش میده. تفاوت active: با focus: اینه که وقتی روی المان کلیک می کنی و سلکتور active: عمل میکنه، در همون لحظه ی کلیک کردن استایل رو اعمال میکنه ولی وقتی که از سلکتور focus: استفاده می کنیم تا وقتی که روی المان دیگه ای کلیک نکنیم استایل هامون باقی میمونن.