دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۲۴
  • خرداد

جلسه ۱۵ : فرمت دهی لینک ها در CSS

  • دسته‌بندی‌ها :
جلسه ۱۵ : فرمت دهی لینک ها در CSS
    • جزئیات
    • نوع مطلبآموزشی تصویری

      مقدمه

      با عرض سلام خدمت کاربران سایت پی وی لرن . در این پست آموزشی قصد داریم به آموزش تعریف style برای لینک ها در css بپردازیم. در css می توان برای حالات مختلف لینک ها style تعریف کرد. مثلا می توان برای لینک هایی که ویزیت شده و لینک هایی که هنوز ویزیت نشده اند، style جداگانه تعریف کرد تا از هم متمایز باشند. و می توانید ویژگی های style متن لینک نظیر colorfont-familybackground  را تعریف کرد.

      در پست های آموزشی قبلی، آموزشهایی در مورد تعریف style متن عناصر html در css، با عناوین مدیریت متن عناصر html در css و تنظیمات فونت متن عناصر html در css ارائه گردیده است.

      در ادامه مطلب به بررسی چگونگی تعریف style برای لینک ها در css ، می پردازیم.

      hyperlink- تعریف style برای لینک ها در css

      hyperlink- تعریف style برای لینک ها در css

      تعریف style برای لینک ها در css

      در css می توان برای لینک ها ویژگی های مختلف style مانند color , font-family , background و …  را تعریف کرد.

      مثال:

      مثال : تعریف style برای لینک ها
      خودتان امتحان کنید »

      تعریف style برای وضعیت لینک ها

      شما می توانید بر ای وضعیت های مختلف لینک ها یک style تعریف کنید. در css برای ۴ وضعیت لینک ها می توان style تعریف کرد. که این وضعیت ها به شرح زیر است:

      • a:link : حالتی که لینک ویزیت نشده است.
      • a:visited : حالتی که لینک ویزیت شده است.
      • a:hover : حالتی که کاربر اشاره گره موس را روی لینک می برد.
      • a:active : لحظه ای که روی لینک کلیک می شود.

      مثال : تعریف style برای وضعیت لینک ها
      خودتان امتحان کنید »

      ویژگی text-decoration

      از ویژگی text-decoration برای طرح دادن به متن ها در css استفاده می شود. و به همین صورت می توان برا متن لینک ها از آن بهره گرفت.

      مثال: زمانیکه اشاره گر موس روی لینک برود یا لینک کلیک شود، متن لینک زیر خط دار (underline) شود:

      مثال : تنظیم خط دار بودن متن
      خودتان امتحان کنید »

      رنگ پس زمینه لینک

      با استفاده از ویژگی background-color ، می توان رنگ پس زمینه برای لینک تعریف کرد.

      مثال:

      مثال : تعیین رنگ پس زمینه ی لینک
      خودتان امتحان کنید »

      در مثال زیر style های پیشرفته تری برای لینک تعریف شده است:

      مثال : مثالی کاملتر از style لینک در css
      خودتان امتحان کنید »

      کلام آخر

      یک وب سایت از صفحات وب مختلفی تشکیل شده است که گاها شما نیاز دارید از بخش های مختلف صفحات وب به یکدیگر لینک بدهید، همچنین ممکن است به لینک به سایر وب سایت ها نیاز باشد، که این اقدامات با استفاده از تعریف style برای لینک ها در css انجام می شود.

      QR:  جلسه ۱۵ : فرمت دهی لینک ها در CSS
      به اشتراک بگذارید