Mitä Komentoja CSS: Ssä On

Sisällysluettelo:

Mitä Komentoja CSS: Ssä On
Mitä Komentoja CSS: Ssä On

Video: Mitä Komentoja CSS: Ssä On

Video: Mitä Komentoja CSS: Ssä On
Video: Уроки Materialize css #9 - Анимации фреймворка 2024, Huhtikuu
Anonim

CSS-tyylitaulukoita käytetään HTML-sivun sisällön muotoiluun. Näin ollen kaikkien CSS: ssä käytettyjen komentojen tarkoituksena on muokata HTML-asiakirjan kaikkien elementtien ulkonäköä.

Mitä komentoja CSS: ssä on
Mitä komentoja CSS: ssä on

Se on välttämätöntä

Tietokone, jossa on Internet-yhteys

Ohjeet

Vaihe 1

Lue, miten CSS-tyylitaulukoita käytetään. Tekstin muotoilu on yleisimmin käytetty piirrosta sisältävien tyylitaulukoiden ominaisuus. Mikä tahansa HTML-asiakirja sisältää valtavan määrän tekstitietoja sen eri osissa. Samalla jokaisella sivun osalla tulisi olla oma muoto ja kirjasin: osa tekstistä on valikon teksti, toinen on otsikko, kolmas on sivun pääteksti jne. Tekstitietojen muotoilemiseksi komennoilla muutetaan fontin nimeä, sen kokoa, painoa jne.

Vaihe 2

Joten, ensinnäkin, huomaa font-family-tyyliparametri. Tämän määritteen avulla voit asettaa tietyn fontin tälle tagille. Fontin nimi kirjoitetaan ":" -merkin jälkeen. Font-size style -attribuuttia käytetään tunnisteen sisältämän tekstin koon asettamiseen. Koko-arvo kirjoitetaan myös ":" -merkin jälkeen ja ilmaistaan pikseleinä, esimerkiksi "font-size: 20px".

Vaihe 3

Huomaa, että tyyliparametrit voidaan ketjuttaa ja kirjoittaa yhdessä käyttämällä”;” -merkkiä. Tämä on hyödyllistä, jos sinun on asetettava useita parametreja yhdelle tagille.

Vaihe 4

Käytä tyylimääritteen väriä vaihtaaksesi tekstin väriä. Värin nimi kirjoitetaan tavallisella tavalla: vihreä, sininen, punainen jne. Sillä on myös mahdollisuus asettaa värin paitsi itse tekstille myös taustavärille. Tätä tarkoitusta varten käytetään taustaväri-attribuuttia, jonka jälkeen myös valittu väri on ilmoitettava. Jos haluat käyttää kuvan, ei täytettä, taustana tämän tagin alueella, katso sitten taustakuvan tyyliparametriä ja määritä sen jälkeen kuvan lähde.

Vaihe 5

Tutustu lukuisiin tyylimääritteisiin, jotka asettavat sivuelementtien parametrit, jotka sisältävät ennen kaikkea täytteen, reunuksen, kellun, sijainnin.

Vaihe 6

Määritä annettuun tagiin marginaalin määrä täyteparametrin avulla. Tässä tapauksessa tämä arvo lasketaan kummaltakin puolelta. Määritä reunusattribuutti muodostaaksesi tämän kentän reunan. Paksusuolen jälkeen reunan leveys kirjoitetaan pikseleinä. Kelluva ominaisuus antaa sivusi elementin kellua oikealle tai vasemmalle. Tässä suhteessa tämän ominaisuuden vaatimukset ovat vasemmalla tai oikealla.

Vaihe 7

Jos haluat sijoittaa objektin tarkasti asiakirjaan, käytä position-ominaisuutta. Se paikantaa sivuelementin absoluuttisella tavalla, kuten "sijainti: absoluuttinen; ala: 50 kuvapistettä; oikea: 10 kuvapistettä;", tai suhteellisella tavalla sivun reunojen etäisyyden perusteella.

Suositeltava: