Tyylin muokkaaminen

Tärkeää: Tämä on artikkeli on käännetty koneellisesti. Lue vastuuvapauslauseke. Tämän artikkelin englanninkielinen versio on täällä .

Kun haluat muokata tyylin ominaisuuksia ulkoisessa, sitoutuvassa tai sisäisessä CSS-tyylisivussa, voit aloittaa käyttämällä joko CSS-ominaisuudet-tehtäväruutua tai Käytä tyylejä -tehtäväruutua. Käytä tyylejä -tehtäväruudun avulla voit muokata mitä tahansa tyyliä, joka sisältyy nykyisen verkkosivun tyylisivuihin, jopa tyylejä, joita verkkosivu ei käytä. CSS-ominaisuudet-tehtäväruudun avulla voit muokata vain tyylejä, joita nykyinen verkkosivu käyttää, tyylejä, jotka voit valita Koodi-näkymässä tai mitä tahansa avoimena olevan ulkoisen .css-tiedoston tyyliä.

Huomautus: Jos haluat nimetä luokkaperäisen tyylin uudelleen ja samanaikaisesti päivittää kaikki viittaukset kyseiseen tyyliin, käytäNimeä luokka uudelleen -komentoa Käytä tyylejä-, Tyylien hallinta- tai CSS-ominaisuudet-tehtäväruuduissa. Jos sen sijaan nimeät luokkaperäisen tyylin uudelleen käyttämällä Tyylin muokkaaminen -valintaikkunaa, viittauksia kyseiseen tyyliin ei päivitetä. Riippumatta siitä, mitä menetelmää käytät tunnusperäisten tyylien uudelleennimeämiseen tai minkä tahansa tyylin valitsintyypin muuttamiseen, viittauksia kyseiseen tyyliin ei päivitetä, vaan joudut päivittämään ne itse.

Valitse haluamasi toimet

Luokkaperäisen tyylin nimeäminen uudelleen

Tyylin muokkaaminen CSS-ominaisuudet-tehtäväruudun avulla

Tyylin muokkaaminen Tyylin muokkaaminen -valintaikkunan avulla

Luokkaperäisen tyylin nimeäminen uudelleen

  1. Avaa verkkosivu, joka sisältää CSS-tyylisivun, joka sisältää muokattavan luokkaperäisen tyylin.

  2. Tee jokin seuraavista toimista:

    • Osoita Käytä tyylejä -tehtäväruudussa luokkaperäistä tyyliä, napsauta alanuolta ja valitse sitten Nimeä luokka uudelleen.

    • Napsauta joko Tyylien hallinta -tehtäväruudussa tai CSS-ominaisuudet-tehtäväruudussa luokkaperäistä tyyliä hiiren kakkospainikkeella ja valitse sitten Nimeä luokka uudelleen.

  3. Kirjoita Nimeä luokka uudelleen -valintaikkunan Uusi nimi -ruutuun luokan uusi nimi. Sinun ei tarvitse kirjoittaa pistettä (.) ennen uutta luokan nimeä.

  4. Voit päivittää luokan nimen kaikissa olemassa olevissa viittauksissa kyseiseen luokkaan valitsemalla Nimeä luokkaviittaukset uudelleen tiedostoissa, jotka käyttävät tätä tyylisivua.

  5. Valitse OK.

Sivun alkuun

Tyylin muokkaaminen CSS-ominaisuudet-tehtäväruudun avulla

  1. Avaa verkkosivu, joka käyttää muokattavaa tyyliä.

  2. Jos tyyli, jota haluat muokata, ei näy CSS-ominaisuudet -tehtäväruudun Käytetyt säännöt -luettelossa, aseta kohdistin sisältöön tai valitse sisältö, joka käyttää muokattavaa tyyliä.

  3. Valitse Käytetyt säännöt -luettelosta sen tyylin nimi, jota haluat muokata.

  4. Määritä CSS-ominaisuudet -tehtäväruudun CSS-ominaisuudet -osiossa haluamasi ominaisuudet.

Sivun alkuun

Tyylin muokkaaminen Tyylin muokkaaminen -valintaikkunan avulla

  1. Avaa mikä tahansa verkkosivu, joka sisältää CSS-tyylisivun, joka sisältää muokattavan tyylin.

  2. Tee jokin seuraavista toimista:

    • Jos haluat muokata luokkaperäistä, elementtiperäistä tai tunnisteperäistä tyyliä, osoita tyyliä Käytä tyylejä -tehtäväruudussa, napsauta alanuolta ja valitse sitten Muokkaa tyyliä.

    • Jos haluat muokata sisäistä tyyliä, aseta kohdistin sisältöön tai valitse sisältö, joka käyttää tyyliä, osoita tyyliä Käytä tyylejä -tehtäväruudussa, napsauta alanuolta ja valitse sitten Muokkaa tyyliä.

    • Napsauta tyyliä hiiren kakkospainikkeella CSS-ominaisuudet -tehtäväruudun Käytetyt säännöt -luettelossa ja valitse sitten Muokkaa tyyliä. Jos tyyli, jota haluat muokata, ei näy tehtäväruudun Käytetyt säännöt -luettelossa, aseta kohdistin sisältöön tai valitse sisältö, joka käyttää muokattavaa tyyliä.

  3. Jos haluat muuttaa tyylin nimen ja valitsintyypin, tee jompikumpi seuraavista Tyylin muokkaaminen ‑valintaikkunan Valitsin-ruudussa:

    Huomautus: Luokan ja tunnuksen valitsimen nimet eivät voi sisältää välilyöntejä, paitsi jos luot monitasoisen valitsimen.

    • Jos haluat käyttää elementin valitsinta, valitse elementin nimi avattavasta Valitsin-luetteloruudussa.

    • Jos haluat käyttää tunnuksen valitsinta, kirjoita numeromerkki (#) ja sen jälkeen yksilöivä nimi.

    • Jos haluat käyttää sisäistä valitsinta, valitse Sisäinen tyyli -vaihtoehto Valitsin-ruutuvalikossa.

    • Jos haluat käyttää luokan valitsinta, kirjoita piste (.) ja sen jälkeen yksilöivä nimi.

      Huomautus: Jos haluat nimetä uudelleen olemassa olevan luokkaperäisen tyylin ja päivittää automaattisesti olemassa olevat viittaukset kyseiseen tyyliin, käytä aiemmassa osiossa kuvattua Luokkaperäisen tyylin nimeäminen uudelleen -menetelmää.

  4. Valitse Luokka-ruudussa jokin seuraavista ja määritä ominaisuudet, joita haluat muotoilla:

    • Fontti määrittää fontin ominaisuudet, kuten koon, leveyden, muotoilun ja värin.

    • Lohko määrittää rivin korkeuden, tekstin tasauksen, tekstin sisennyksen ja tekstin välistyksen.

    • Tausta määrittää taustan värin ja taustakuvan ominaisuudet.

    • Reuna määrittää reunan ja sen ominaisuudet.

    • Ruutu määrittää ruudun ja lohkotason elementtien täytön ja reunuksen ominaisuudet.

    • Sijainti määrittää ruudun ja lohkotason elementtien mitat ja sijainnin.

    • Asettelu määrittää ruudun ja lohkotason elementtien näkyvyyden, irrallisuuden ja rivityksen, leikkaamisen ja muut asettelun ominaisuudet.

    • Luettelo määrittää luetteloelementtien ominaisuudet, kuten tyypin, sijainnin ja kuvan.

    • Taulukko määrittää taulukkoon liittyvien elementtien ominaisuudet, kuten välit, asettelun ja reunan ominaisuudet.

  5. Valitse OK.

Sivun alkuun

Huomautus: Konekäännöksestä ilmoittava vastuusvapauslauseke: Tämä artikkeli on käännetty tietokonejärjestelmällä, eikä kieliasiantuntija ole muokannut sitä. Microsoft tarjoaa nämä konekäännökset avuksi muille kuin englantia puhuville käyttäjille, jotta he saavat lisätietoja Microsoftin tuotteista, palveluista ja tekniikoista. Koska artikkeli on koneellisesti käännetty, se saattaa sisältää sanasto-, lauseoppi- ja kielioppivirheitä.

Kehitä taitojasi
Tutustu koulutusmateriaaliin
Saat uudet ominaisuudet ensimmäisten joukossa
Liity Office Insider -käyttäjiin

Oliko näistä tiedoista hyötyä?

Kiitos palautteesta!

Kiitos palautteestasi! Näyttää siltä, että Office-tukiedustajamme avusta voi olla sinulle hyötyä.

×