Հիպերտեքստային նշագրման լեզվի ՝ HTML- ի գյուտից ի վեր, վեբ փաստաթղթերի դասավորության և դասավորության հասկացությունները կտրուկ փոխվել են: CSS և CSS2 ոճերի կասկադային ոճի ստանդարտներին հանրաճանաչ զննարկիչների համարյա ամբողջական աջակցությամբ հնարավոր է դարձել ազդել փաստաթղթի տեսողական ներկայացման գրեթե ցանկացած կողմի վրա: Օրինակ, հղման ֆոնը կարող եք դարձնել գունավոր, ինչ-որ պատկերով լցված և փոփոխվող ՝ կախված օգտագործողի գործողություններից:
Անհրաժեշտ է
- - փաստաթղթի կամ փաստաթղթի ոճի թերթիկների տեքստը խմբագրելու հնարավորությունը.
- - տեքստի խմբագիր, որը թույլ է տալիս պահպանել փաստաթուղթը բնօրինակ կոդավորմամբ:
Հրահանգներ
Քայլ 1
Կատարեք հղման ֆոնը միանմանորեն լրացված պատահական գույնով `Ա տարրին ավելացնելով ներդիրային ոճի տեղեկատվություն: Ավելացնել ոճը Ա-ի տարրի հատկություններին` համապատասխան հղմանը, որի ֆոնը ցանկանում եք փոխել: Ոճի հատկության բովանդակության մեջ տեղադրեք ֆոնային գույնի CSS հատկությունը տրված արժեքով, որը ֆոնային գույնի ճիշտ նույնացուցիչն է: Օրինակ, դա կարող է նման լինել.
հղման տեքստ
Քայլ 2
Սահմանեք հղման ֆոնը ձեր փաստաթղթում արտաքին կամ ներդրված ոճի թերթիկում: Համապատասխան ոճի թերթիկում ավելացրեք մի շարք կանոններ, որոնց հասցեագրված է առանձնահատկության ընդունելի մակարդակի ընտրողը: Կանոնների շարքում մուտքագրեք ֆոնի գույնի հատկությունը նույն կերպ, ինչպես նախորդ քայլում: Ընտրեք ընտրողի առանձնահատկությունը `հիմնվելով CSS2 կասկադային կանոնների և ցանկալի շրջանակի վրա: Այսպիսով, եթե Ձեզ անհրաժեշտ է ընդամենը մեկ հղման գույն սահմանել, իմաստ ունի օգտագործել ID ընտրիչ, եթե կան մի քանի այդպիսի հղումներ, ավելի լավ է օգտագործել հատկության ընտրիչ ՝ ելնելով դասի արժեքից:
Օրինակ, փաստաթղթում որոշակի հղման համար կանաչ ֆոն սահմանելու համար ոճի թերթին կարող եք ավելացնել մի շարք կանոններ.
A # ID_GREEN
{
ֆոնային գույն ՝ # 00FF00;
}
Դուք պետք է նաև ցանկալի հղմանը համապատասխանող A տարրի ID հատկանիշը դնեք ID_GREEN:
հղման տեքստ
Քայլ 3
Հղման ֆոնը լրացրեք պատկերով: Հետևեք մեկ և երկրորդ քայլերում նկարագրված մեթոդներին, բայց ֆոնային գույնի CSS հատկության փոխարեն օգտագործեք ֆոնային պատկեր: Օրինակ:
հղման տեքստ
Անհրաժեշտության դեպքում CSS- ի կանոններին ավելացրեք ֆոնի վրա կրկնելու հատկություն `ֆոնի պատկերը հորիզոնական և ուղղահայաց կրկնօրինակելու ընտրանքներ սահմանելու համար:
Քայլ 4
Կատարեք հղման ֆոնի փոփոխություն, երբ դուք սավառնում եք դրա վրա կամ երբ ֆոկուսը շարժվում է: Արտաքին կամ ներկառուցված փաստաթղթի ոճի թերթիկին ավելացրեք կանոնների հավաքածուներ, որոնք սահմանում են հղման կամ հղումների խմբի ֆոնը տարբեր նահանգներում: Օգտագործեք ID և հատկանիշների ընտրիչները դինամիկ կեղծ դասերի հետ `hover,: active և: focus: Օրինակ, որպեսզի ID_DYNAMIC_BACKGROUND- ի ID հատկանիշի արժեք ունեցող հղման ֆոնը կարմիր լինի ոչ ակտիվ վիճակում, իսկ մկնիկի կուրսորի տակ գտնվելու վիճակում `կանաչ, հետևյալ կանոնները պետք է ավելացնել ոճի թերթին.
# ID_DYNAMIC_BACKGROUND
{
ֆոնային գույն ՝ # FF0000;
}
# ID_DYNAMIC_BACKGROUND ՝ սավառնել
{
ֆոնային գույն ՝ # 00FF00;
}
Դուք կարող եք նույնը անել դինամիկ փոփոխվող պատկերով ֆոն ստեղծելու համար:
