Krāsas nosaukums, kas jāparāda izvades interfeisā, ir rakstīts šajā fona īpašumā. Piemēram, ' fons: sarkans ” iestatīs sarkanu fona krāsu. Līdzīgi, lai fons būtu vienkāršs vai noņemtu fona krāsas, neviens ' un ' caurspīdīgs ” tiek izmantoti fona rekvizītā, nevis krāsas nosaukumā.
Gan fons:nav, gan fons:caurspīdīgs parāda tādus pašus rezultātus, jo tie pilnībā noņem fonu. Tātad starp abu darbību nav būtiskas atšķirības.
Atšķirība starp “fons: nav” un “fons: caurspīdīgs” CSS
' fons: nav ' un ' fons: caurspīdīgs ”, abi tiek izmantoti vienam un tam pašam mērķim. Viņi iestata fona krāsu kā nekādu vai noņem krāsu no fona.
Tomēr, ja mēs domājam kritiski un mēģinām atrast atšķirības starp tām, pastāv divas iespējamās atšķirības:
- Galvenā atšķirība starp abiem ir tā, ka tie ir dažādi vārdi ar atšķirīgu rakstzīmju skaitu tajos. Tātad daudzi cilvēki uzskata, ka tad, kad tos daudzkārt izmanto milzīgā dokumentā dažādās vietās, dokuments, kurā tiek izmantots “ fons: nav ” kompilācija var aizņemt mazāk laika, jo nevienai no tām nav mazāks rakstzīmju skaits, salīdzinot ar caurspīdīgo.
- Ja mēs runājam par to, kā tie tiek apkopoti, tad ' fons: nav ” iestata fona attēlu uz Nevienu vai, teiksim, noņem fona krāsu. No otras puses, “ fons: caurspīdīgs ” iestata caurspīdīgu krāsu kā teksta vai visa interfeisa fonu (atkarībā uz to, kas norādīts CSS stila elementā).
Taču šāda veida atšķirības var neņemt vērā, ja runājam par to ietekmi uz grafisko interfeisu, jo beigās nebūs nekādas atšķirības.
Piemērs: lietot background:none un background:transparent
Praktiski pierādīsim, ka ' fons: nav ' un ' fons: caurspīdīgs ” dariet to pašu ar saskarni. Uzrakstiet koda fragmentu, lai uzzinātu CSS fona rekvizīta ietekmi gan ar nav, gan caurspīdīgu:
< h2 id = 'teksts' >Šis ir vienkāršs teksts, lai izskaidrotu fons:nav un fons:caurspīdīgs mērķi
< / h2 >
Iepriekš minētajā koda fragmentā ir virsraksts, kas izveidots HTML dokumentā, un tam ir piešķirts ID ar nosaukumu ' tekstu ”.
CSS fona rekvizīta pievienošana
Tekstam tika piešķirts ID, tāpēc izveidosim id atlasītāju CSS stila elementā un vienkārši pievienosim ' fons: nav ” īpašums tajā:
# tekstu {fons : neviens ;
}
Līdzīgi, lai rakstītu “ fons: caurspīdīgs ” īpašums, metode neatšķiras. Vienkārši nomainiet ' neviens ' ar ' caurspīdīgs ”:
# tekstu {fons : caurspīdīgs ;
}
Gan ' fons: nav ' un ' fons: caurspīdīgs ” radīs tādu pašu izvadi:
Tas nozīmē, ka starp abiem nav atšķirības, un tie tiek apkopoti vienādi.
Fona īpašuma pievienošana ar krāsas nosaukumu
Tagad, ja mēs pievienojam krāsas nosaukumu, nevis rakstām “ neviens ' un ' caurspīdīgs ”, izvade nekad nebūs tāda pati kā ģenerēta fons: nav ' un ' fons: caurspīdīgs ”. Piemēram, fona īpašumā mēs ierakstām krāsas nosaukumu:
# tekstu {fons : gaiši zils ;
}
Atšķirība ir skaidra. Tas nerāda tādu pašu izvadi kā gadījumā fons: nav un fons: caurspīdīgs :
Tas apkopo atšķirību starp fons: nav un fons: caurspīdīgs.
Secinājums
Fons:none un background:transparent tiek izmantoti, lai attiecīgi noņemtu fona krāsu un iestatītu fona krāsu kā caurspīdīgu. Taču, tā kā tiem abiem ir tieši tāda pati ietekme uz izvades saskarni, gan fons:nav, gan fons:caurspīdīgs var izmantot vienam un tam pašam mērķim.