از زمان اختراع زبان نشانه گذاری ابر متن ، HTML ، مفاهیم طرح و طرح اسناد وب به طور چشمگیری تغییر کرده است. با پشتیبانی تقریباً کامل مرورگرهای محبوب از استاندارد CSS و CSS2 شیوه نامه آبشار ، امکان تأثیر تقریباً بر هر جنبه از نمایش تصویری یک سند امکان پذیر شده است. به عنوان مثال ، می توانید پس زمینه یک پیوند را رنگی ، پر از تصویر و بسته به عملکرد کاربر تغییر دهید.
ضروری است
- - توانایی ویرایش متن سند یا متن برگه های سبک سند ؛
- - ویرایشگر متنی که به شما امکان می دهد سند را در رمزگذاری اصلی ذخیره کنید.
دستورالعمل ها
مرحله 1
پس زمینه پیوند را با افزودن اطلاعات سبک درون خطی به عنصر A ، یکنواخت با رنگ تصادفی پر کنید. به ویژگی های عنصر A مربوط به پیوندی که می خواهید پس زمینه آن را تغییر دهید ، سبک اضافه کنید. در محتوای ویژگی style ، ویژگی CSS-color background را با مقدار داده شده قرار دهید ، که شناسه صحیح رنگ پس زمینه است. به عنوان مثال ، ممکن است اینگونه باشد:
متن پیوند
گام 2
پس زمینه پیوند را در یک صفحه خارجی یا سبک تعبیه شده در سند خود تعریف کنید. در شیوه نامه مناسب ، مجموعه ای از قوانین را که توسط یک انتخاب کننده سطح مشخصه قابل قبولی خطاب شده اضافه کنید. در تنظیمات ، ویژگی background-color را همانند مرحله قبل وارد کنید. ویژگی انتخابگر را بر اساس قوانین آبشار CSS2 و دامنه مورد نظر انتخاب کنید. بنابراین ، اگر لازم است رنگ فقط یک پیوند را تنظیم کنید ، استفاده از یک شناسه ID منطقی است ، اگر چندین لینک از این دست وجود داشته باشد ، بهتر است از یک انتخابگر ویژگی بر اساس مقدار کلاس استفاده کنید.
به عنوان مثال ، برای تنظیم پس زمینه سبز برای یک پیوند خاص در یک سند ، می توانید مجموعه ای از قوانین را به صفحه سبک اضافه کنید:
یک # شناسه_سبز
{
background-color: # 00FF00؛
}
همچنین باید ویژگی ID عنصر A مربوط به پیوند مورد نظر را به ID_GREEN تنظیم کنید:
متن پیوند
مرحله 3
پس زمینه پیوند را با یک تصویر پر کنید. روش های شرح داده شده در مراحل یک و دو را دنبال کنید ، اما به جای ویژگی CSS رنگ پس زمینه ، از تصویر پس زمینه استفاده کنید. مثلا:
متن پیوند
در صورت لزوم ، یک ویژگی تکرار پس زمینه را به قوانین CSS تنظیم شده اضافه کنید تا گزینه هایی برای تکثیر تصویر پس زمینه به صورت افقی و عمودی تعریف شود.
مرحله 4
پس زمینه پیوند را هنگامی که روی آن قرار می گیرید یا هنگامی که کانون حرکت می کند تغییر دهید. مجموعه های قانون را به یک صفحه سبک سند خارجی یا جاسازی شده اضافه کنید که پس زمینه یک پیوند یا یک گروه پیوند را در حالت های مختلف تعریف می کند. از انتخابگرهای شناسه و ویژگی در رابطه با کلاسهای شبه پویا: شناور ، فعال و تمرکز استفاده کنید. به عنوان مثال ، برای اینکه پس زمینه پیوند با مقدار مشخصه ID از ID_DYNAMIC_BACKGROUND در حالت غیرفعال قرمز و در حالت قرار گرفتن در زیر نشانگر ماوس سبز باشد ، باید قوانین زیر را به صفحه سبک اضافه کنید:
یک # شناسه_DYNAMIC_BACKGROUND
{
background-color: # FF0000؛
}
# شناسه_DYNAMIC_BACKGROUND: شناور
{
background-color: # 00FF00؛
}
برای ایجاد پس زمینه با یک تصویر تغییر پویا می توانید همین کار را انجام دهید.
