Kaip taikyti CSS klasę į įterptą vaizdą
Kai „Google“ kartais keičia svetainių reitingavimo būdą, kaip ir „Google“ pingvinų išleidimas 2012 m. Balandžio mėn., Didelės įmonės gali peržengti mažas įmones; didesnės įmonės gali greitai pertvarkyti savo svetainę, o mažos įmonės turi nukreipti išteklius pasivyti. Jei jūsų įmonės tinklapiui reikia restruktūrizavimo, CSS klasių pridėjimas vaizdams yra naudingas: galite nustatyti standartizuotas nuotraukų paraštes, plaukti arba įterpti vaizdus su antraštėmis, jei norite pridėti šiek tiek kūrybinio kodo. Visi šie dalykai supaprastina jūsų svetainę ir leidžia jūsų verslui sutelkti dėmesį į kokybę, o ne į vieną - į sėkmingo smulkaus verslo raktus.
1.
Atidarykite tinklalapį, kurį norite redaguoti teksto redaktoriuje arba HTML redaktoriuje. Taip pat turite atidaryti atitinkamą išorinio stiliaus lapą, jei jūsų tinklalapyje naudojamas vienas.
2.
Naršykite iki vaizdo vietos. Tai turėtų būti žyma jūsų tinklalapio kode.
3.
„Img“ žymelėje pridėkite „class =“ myimage “'; jis neturi būti konkrečioje vietoje, pvz., prieš „titulą“ arba „alt“, kad veiktų. Pavyzdžiui, jei jūsų kodas yra „
4.
Suraskite savo įterptąjį CSS stilių arba išorinį stiliaus lapą ir pridėkite atributus, kuriuos norite taikyti visiems „myimage“ klasės vaizdams. Jei norite nustatyti, kad visos „myimage“ nuotraukos plaukia į kairę su maža paraštė tarp nuotraukos ir teksto, įveskite:
5.
Išsaugokite savo tinklalapį ir išorinį stiliaus lapą, jei naudojate vieną, ir atidarykite tinklalapį bet kurioje naršyklėje, kad pamatytumėte savo darbą.
Patarimas
- Kaip ir visuose CSS stiliuose, visada naudokite dvitaškį vietoj lygiaverčių ženklų atributų apibrėžimams ir visada uždarykite apibrėžimus su pusiau dvitaškiu, kad išsaugotumėte savo trikčių šalinimo laiką.