Turinys
Šriftai, kaip matėme šios pamokos 1 dalyje, yra labai subtilus ir veiksmingas būdas pakeisti puslapio būdą HTML matote, mes jau žinome, kaip šiek tiek naudoti atributą šriftas, dabar pamatysime išplėstines ypatybes, kad galėtume toliau tinkinti dokumentus.Darbas su šrifto dydžiu
Kad dirbtume su šriftų dydžiu, CSS suteikia mums daugybę savybių ir atributų, kuriais galime pasiekti norimą efektą ieškodami savo dokumentų pritaikymo.
Šie atributai leidžia mums pakeisti dydžius.
xx-mažas x-mažas mažas vidutinis didelis x didelis xx-didelis: Cnustatydami šrifto dydį, naršyklė yra atsakinga už tikslaus šriftų dydžio nustatymą, nes parinkčių sąrašui plečiantis teksto bloko, kuriam taikoma ši ypatybė, raidė tampa didesnė.
mažesnis didesnis: Jis nustato šrifto dydį, gautą dydį, palyginti su pirminiu elementu.
Dabar pažiūrėkime kodą, kaip pritaikyti šias naujas žinias:
PavyzdysYra daug įvairių vaisių - vien tik bananų yra daugiau nei 500 veislių. Kai pridėsime daugybę obuolių, apelsinų ir kitų gerai žinomų vaisių rūšių, susidursime su tūkstančiais pasirinkimų.
Šiame kode mes naudojame dviejų tipų atributus, kurie identifikuojami su id Pirmas bus fiksuoto dydžio ir identifikatorius su ID antra bus didesnis, palyginti su pirminiu sudėtiniu rodiniu, pažiūrėkime, kaip jis atrodo naršyklėje.
Stiliaus ir svorio nustatymas
Šrifto svoris atitinka raidę apibrėžiančios eilutės storį, tai galima pakeisti naudojant ypatybę šrifto svorisKita vertus, stilius leidžia pasirinkti tarp įprasto teksto kursyvu arba įstrižai, pažiūrėkime, kaip mes jį naudojame kodu, kad galėtume tiesiogiai pereiti prie praktikos.
PavyzdysYra daug įvairių vaisių - vien tik bananų yra daugiau nei 500 veislių. Kai pridėsime daugybę obuolių, apelsinų ir kitų gerai žinomų vaisių rūšių, susidursime su tūkstančiais pasirinkimų.
Dabar pažiūrėkime, kaip tai atrodo mūsų naršyklėje.
Kode, kurį mes padarėme, skyrių įdėjome kursyvu, o kitą - paryškintą arba paryškintą, yra skirtumas tarp kursyvo ir įstrižų, tačiau vizualiai tai yra kažkas, kas šiuo metu yra nereikšminga, taip pat galime palikti tą skirtumą reikia ištirti, todėl šios pamokos turinys yra šviežias.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką
