CSS arba kaskadinio stiliaus lapai yra tai, kas naudojama šiuolaikiniame svetainės dizaine, kad būtų galima taikyti vaizdinį vaizdą į puslapį. Nors HTML sukuria puslapio struktūrą ir Javascript gali elgtis elgesiu, svetainės išvaizda ir jausmas yra CSS domenas. Kalbant apie šiuos stilius, jie dažniausiai naudojami naudojant išorinius stiliaus lapus, bet jūs taip pat galite taikyti CSS stilius vienam konkrečiam elementui, naudodami tai, kas vadinama "inline stilius".
Inline stiliai yra CSS stiliai, kurie yra tiesiogiai taikomi puslapio HTML. Šis požiūris yra tiek privalumų, tiek trūkumų. Pirma, pažvelkime į tai, kaip šie stiliai parašyti.
Kaip parašyti vidinį stilių
Norėdami sukurti inline CSS stilių, pradėkite rašydami savo stiliaus savybę, panašią į tai, kokia turėtų būti stiliaus lentelėje, tačiau ji turi būti viena eilutė. Atskirkite kelias savybes kabliataškiu, kaip ir stilių lentelėje.
fonas: #ccc; spalva: #fff; sienelė: tvirta juoda 1px;
Įdėkite stiliaus eilutę elemento, kurį norite būti stiliaus stiliaus atributas, elemente. Pavyzdžiui, jei norėtumėte pritaikyti šį stilių HTML punktui, jis atrodys taip:
Šiame pavyzdyje ši konkreti pastraipa pasirodo šviesiai pilka spalva (tai yra #ccc), juodas tekstas (iš # 000 spalvų) ir 1 pikselių kieta juoda siena aplink visas keturias pastraipos puses .
Inline Styles privalumai
Dėka Kaskaduotos stiliuotos lapo kaskados linijinių stilių dokumente yra aukščiausio prioriteto ar specifiškumo. Tai reiškia, kad jie bus taikomi neatsižvelgiant į tai, ką dar diktuoja jūsų išorinė stiliaus lentelė (išskyrus vieną - bet kokius stilius, kuriems pateikiamas svarbus šios lentelės deklaravimas, tačiau tai nėra kažkas, kas turėtų būti padaryta gamybos vietose, jei ji galima išvengti).
Vieninteliai stiliai, kurie yra aukštesni nei inline stiliai, yra vartotojo stiliai, kuriuos taiko patys skaitytojai. Jei kyla sunkumų pritaikius pakeitimus, galite pabandyti nustatyti elemento stilių. Jei stilius vis dar nerodomas naudojant vidinį stilių, žinote, kad kažkas dar vyksta.
"Inline" stiliai yra lengvai ir greitai pridėti, todėl nereikia nerimauti dėl tinkamo CSS parinkiklio parašymo, nes jūs įtraukiate stilius tiesiai į elementą, kurį norite keisti (šis elementas iš esmės pakeičia parinktį, kurią parašėte išoriniame stiliaus lape ) Jums nereikia sukurti visiškai naujo dokumento (kaip ir išorinio stiliaus lapuose) arba redaguoti naują elementą dokumento viršuje (kaip ir vidinių stilių lapuose). Jūs tiesiog pridėsite stiliaus atributą, kuris galioja beveik kiekvienam HTML elementui. Tai yra visos priežastys, dėl kurių jums gali kilti pagunda naudoti inline stilių, bet jūs taip pat turite žinoti apie kai kuriuos labai svarbius šio metodo trūkumus.
Inline Styles trūkumai
Kadangi inline stiliai jie yra labiausiai specifiški kaskadoje, jie gali perdaryti dalykus, kurių nenorėjote. Jie taip pat paneigia vieną iš galingiausių CSS aspektų - sugebėjimą supaprastinti daugybę ir daugybę tinklalapių iš vieno pagrindinio CSS failo, kad ateityje atnaujinimai ir stiliaus pakeitimai būtų daug lengviau valdomi.
Jei jums reikėjo naudoti tik inline stilių, jūsų dokumentai greitai išsipūtų ir būtų labai sunku išlaikyti. Taip yra todėl, kad inline stiliai turi būti taikomi kiekvienam elementui, kurį norite. Taigi, jei norite, kad jūsų pastraipose būtų šriftų šeima "Arial", kiekvienam
žymą savo dokumente turite pridėti eilutės stilių. Tai prideda ir dizainerio techninės priežiūros darbus, ir skaitytojo atsisiuntimo laiką, nes jums reikės pakeisti tai kiekviename jūsų svetainės puslapyje, kad pakeistumėte šriftų šeimą. Arba, jei naudojate atskirą stilių lentelę, galėsite ją pakeisti vienoje vietoje ir kiekvieną puslapį gausite tą atnaujinimą.
Tiesa, tai yra žingsnis atgal web dizaino - atgal į tag!
Kitas stipinimų trūkumas yra tas, kad neįmanoma sudaryti su jais pseudoelementų ir klasių. Pavyzdžiui, naudodamiesi išoriniais stilių lakštais, galite prisegti prieigos žyma aplankyti, užvesti, aktyvi ir susieti spalvą su inline stiliumi, visa tai, ką galite padaryti, yra pats saitas, nes tai yra tas, prie kurio pridedamas stiliaus atributas. .
Galų gale rekomenduojame nenaudoti internetinių stilių stiliaus , nes jie sukelia problemų ir padeda puslapiams išlaikyti daug daugiau darbo. Vienintelis jų naudojimas yra tada, kai norime greitai išnagrinėti stilių kūrimo metu. Kai mes turime tai ieškoti teisingai, kad vienas elementas, mes perkelti jį į mūsų išorinį stilių lape.
Jennifer Krynino oficialus straipsnis. Redagavo Jeremy Girard.