CSS vai Cascading Style Sheets, ir tas, ko izmanto mūsdienu mājas lapas dizains, lai piemērotu vizuālo izskatu uz lapu. Kaut arī HTML izveido lapas struktūru un Javascript var apstrādāt uzvedību, vietnes izskats un sajūta ir CSS domēns. Runājot par šiem stiliem, tos visbiežāk izmanto, izmantojot ārējo stilu lapas, taču jūs varat arī piemērot CSS stilus vienam konkrētam elementam, izmantojot tos, kas pazīstami kā "inline styles".
Inline stili ir CSS stili, kurus tieši izmanto lapas HTML. Šai pieejai ir gan priekšrocības, gan trūkumi. Vispirms apskatīsim, kā šie raksti tiek rakstīti.
Kā uzrakstīt iekšējo stilu
Lai izveidotu inline CSS stilu, jūs sākat rakstīt savu stila īpašumu līdzīgi kā jūs stila lapā, bet tai jābūt visai vienai rindai. Atdaliet vairākas īpašības ar semikolu, tāpat kā stilu lapā.
fons: #ccc; krāsa: #fff; robeža: cieta melna 1px;
Novietojiet šo stila rindiņu elementa stila atribūtā, kuru vēlaties veidot. Piemēram, ja jūs vēlaties piemērot šo stilu HTML punktam, šis elements izskatās šādi:
Šajā piemērā šis konkrētais punkts parādīsies ar gaiši pelēko fonu (tas ir, ko #ccc varētu atveidot), melnu tekstu (no # 000 krāsas) un ar 1 pikseli cietu melnu malu ap visām četrām pusēm punktā .
Inline Styles priekšrocības
Pateicoties Cascading Style Sheet cascade inline stiliem ir visaugstākā prioritāte vai specifiskums dokumentā. Tas nozīmē, ka tie tiks piemēroti neatkarīgi no tā, kas vēl tiek diktēts jūsu ārējā stilu tabulā (ar vienu izņēmumu ir visi stili, kuriem tiek piešķirts! Svarīgs paziņojums šajā lapā, bet tas nav kaut kas, kas būtu jādara ražošanas vietās, ja tas var izvairīties)
Vienīgie stili, kuriem ir augstāka prioritāte nekā inline stili, ir lietotāju stili, kurus pieliek paši lasītāji. Ja jums ir grūti panākt, lai jūsu izmaiņas tiktu piemērotas, varat mēģināt iestatīt elementā iebūvēto stilu. Ja jūs joprojām neredzat stilus, izmantojot inline stilu, jūs zināt, ka notiek kaut kas cits.
Inline stili ir viegli un ātri pievienot, un jums nav jāuztraucas par pareiza CSS selektora rakstīšanu, jo jūs stilus tieši pievienojat elementam, kuru vēlaties mainīt (šis elements būtībā aizstāj selektoru, kuru vēlaties rakstīt ārējā stila lapā ) Jums nav nepieciešams izveidot pilnīgi jaunu dokumentu (kā ar ārējo stilu lapām) vai rediģēt jaunu elementu sava dokumenta galā (tāpat kā ar iekšējo stilu lapām). Jūs vienkārši pievienojat stila atribūtu, kas ir derīgs gandrīz katram HTML elementam. Tie ir visi iemesli, kāpēc jums var rasties kārdinājums izmantot inline stilus, taču jums ir arī jāapzinās daži būtiski trūkumi šai pieejai.
Inline Styles trūkumi
Tā kā inline stili tie ir viscoskrātiskākie kaskādi, viņi var pārāk baidīties ar lietām, ko nevēlējās. Tās arī novērš vienu no visspēcīgākajiem CSS aspektiem - spēju stilus daudz un daudzās tīmekļa lapās no viena centrālā CSS faila, lai nākotnes atjauninājumus un stila izmaiņas tiktu vieglāk pārvaldīt.
Ja jums vajadzēja izmantot tikai inline stilus, jūsu dokumenti ātri kļūst uzpūsti un ļoti grūti saglabāt. Tas ir tāpēc, ka inline stili jāpiemēro katram elementam, kuru vēlaties. Tātad, ja vēlaties, lai visos jūsu punktos būtu fontu saime "Arial", katram
tagam savā dokumentā ir jāpievieno lineāls stils. Tas papildina gan dizainera tehniskās apkopes darbus, gan lasītāja lejupielādes laiku, jo jums vajadzētu to mainīt visās vietnes lapās, lai mainītu šo fontu saimi. Alternatīvi, ja izmantojat atsevišķu stilu tabulu, iespējams, to varēsiet mainīt vienā vietā un katru lapu saņemt šo atjauninājumu.
Patiesi, tas ir solis atpakaļ web dizains - atpakaļ tagu dienas!
Vēl viens trūkstošo elementu stilu trūkums ir tas, ka ar tiem nav iespējams veidot pseidoelementus un -klases. Piemēram, izmantojot ārējo stilu lapas, varat veidot enkurošanas tagu apmeklētās, novietotās, aktīvās un saites krāsas , bet ar inline stilu, viss, ko varat izmantot, ir pati saikne, jo tieši šim stila atribūtam ir pievienots .
Visbeidzot, mēs iesakām neizmantot inline stilus savām tīmekļa lapām, jo tās rada problēmas un padara lapas daudz uzturētāku. Vienīgais brīdis, kad tos izmantojam, ir tas, ka, izstrādes laikā, mēs ātri gribam pārbaudīt stilu. Kad tas ir pareizi novietots pie šī viena elementa, mēs pārvietojam to uz ārējo stilu lapu.
Jennifera Krīnina orķestra raksts. Rediģējis Jeremijs Girards.