Stvaranje i Primjena stila

Važno :  Ovaj je članak strojno preveden. Pogledajteizjavu o odricanju od odgovornosti. Verziju ovog članka na engleskom potražite ovdje.

Stil je skup značajki oblikovanja koje su definirani u kaskadnih listova stila (CSS). Možete primijeniti stilove sadržaja na web-stranici, uključujući tekst (pojedinačne znakove ili cijelog odlomka), grafike, slojeve, tablice i čak i u tijelo cijelu web-stranicu. Stilovi omogućuju učinkovito koristiti skup vrijednosti i svojstva bez potrebe za postavljanje svojstava svaki put kada želite koristiti ih.

Stilovi CSS-a kaskadno u uvid u globalni stil pravila primjenjuju se na HTML elemenata osim ako pravila za lokalni stilove nadjačati ih. Općenito govoreći, pravila za lokalni stilove prednost pred Općenito stil pravila. Na primjer, stil definirano u interni CSS web-stranici nadjačava stila definirano u vanjskim CSS. Isto tako, u istoj razini CSS-a definirano u jedan element HTML na stranici web-nadjačava sve stilove definirana za taj isti element u internim i vanjskim CSS-a web-stranice. Dijelove globalni stil pravila koja nisu contradicted lokalne CSS stil pravila primjenjuju se na HTML elemenata čak i kad su primijenjeni lokalne stilove.

Sadržaj članka

Vrste stilova

Stvaranje stila

Primjena stila

Vrste stilova

Stil koji se nalazi u je vanjski ili interni CSS-a može biti utemeljen na predmete, utemeljen na element ili id-poštu. Stil definira njegov skup pravila koji se sastoji od birač, nakon čega slijedi blok deklaracija svojstvo koje se pojavljuju između lijeva vitičasta zagrada ({}) i Desna vitičasta zagrada (}). Svaka vrsta stil razlikuju od drugih vrsta stil po njegov odabir; Birač za predmete sustavom stil; prethodi za točku (.) broj (#) prethodi birač za stil u koji se temelji na id; i odabir stila za utemeljen na element sastoji se samo od element HTML, kao što su H1 element.

Stilovi utemeljen na klase

Koristite utemeljen na predmete stilove da biste definirali skup svojstava koja želite koristiti na jednu ili više stavki u web-stranicu. Jeste li ikad želite li promijeniti stil, možete urediti željeni stil pravilo skup i sve stavke koje ste primijenili stil tako da se automatski odražavaju promjene.

U sljedećem primjeru "Uvod" je birač željeni stil i "veličinu fonta: small" je jedan deklariranje svojstvo, nakon čega slijedi drugi svojstva izvješća.

Primjer pravila za stil utemeljen na class

.introduction {font-size: small; color: white}

Primjer utemeljen na predmete stil primijenjen < p > oznake

<p class="introduction">

Stilovi utemeljen na element

Pomoću stilova utemeljen na element definirati skup svojstava koja želite da se sve instance određeni element HTML za korištenje u web-stranicu. Na primjer, da biste stvorili margina 25 piksela oko sve odlomke (sadržaj okruženo < p > oznake) na web-stranici, stvarate stil za utemeljen na element koji koristi p element kao njegov odabir, a sadrži deklaracije za svojstva margine, kao što je prikazano u sljedećem kodu.

Primjer pravila za stil za utemeljen na element

p { margin-left: 25px; margin-right: 25px }

Stilovi koji se temelji na ID

Pomoću stilova za id-poštu kada želite definirati skup svojstava za jednu stavku ili bloka stavke koje želite da biste mogli razlikovati od ostalog sadržaja na web-stranicama. Pomoću stilova za id-poštu kada želite stila jedan element HTML web-stranicu.

Primjer pravila za stil za id-poštu

#footer {background-color: #CCCCCC; margin: 15px}

Primjer programa koji se temelji na id primijenjen stil < p > oznaku

<p id="footer">

Stilovi sadržaja u retku

Unutarnjeg stila koristite kada želite definirati skup svojstava za jednu stavku ili bloka stavki u web-stranicu, a ne želite da biste ponovno koristili taj stil. Za razliku od id-, utemeljen na element, predmete sustavom ili stilovi čija svojstva su definirani u svakom glavni dio web-stranice (interna CSS-a) ili vanjsku CSS datoteku, svojstva sustava u istoj razini se izravno u HTML element koji želite koristiti stil definiranih stilova (ili u retku CSS-a).

Primjer pravila za unutarnjeg stila

<p style="font-weight: bold; font-style: italic; color: #FF0000">

Vrh stranice

Stvaranje stila

Možete stvoriti nove stilove od početka ili kopiranjem postojećeg stila. U svakom slučaju, dijaloški okvir Novi stil omogućuje definiranje aspektima novog stila, uključujući vrstu birač, svojstva i lista stilova koja sadrži željeni stil. Ako želite da biste stvorili novi stil u istoj razini, možete koristiti i okno zadatka Svojstva CSS-a . Kada želite brzo stvoriti i primijeniti novi stil na vašoj stranici bez postavljanja svojstva stila, možete koristiti i alatnu traku Stil .

Stvorite stil pomoću dijaloškog okvira novi stil

  1. Učinite nešto od sljedećeg:

    • Da biste dodali stil vanjskih CSS, otvorite .css datoteke.

    • Da biste dodali stil Interna CSS, otvorite web-stranicu.

    • Da biste dodali unutarnjeg stila, otvorite web-stranicu, a zatim odaberite željeni stil sadržaj.

  2. Učinite nešto od sljedećeg:

    • Da biste stvorili novi stil    Kliknite Novi stil na jednom od ovih mjesta: okna zadatka Primijeni stilove ili okno zadatka Upravljanje stilovima , alatnu traku Stil ili na izborniku Oblikovanje .

    • Da biste kopirali koja prikazuje galeriju lijepljenja    Učinite nešto od sljedećeg:

      • U oknu zadatka Primijeni stilove pokažite stil koji želite kopirati, kliknite strelicu prema dolje koja će se prikazati i zatim odaberite Kopiraj novi stil.

      • U okno zadatka Upravljanje stilovima ili okno zadatka Svojstva CSS-a , desnom tipkom miša kliknite stil koji želite kopirati, a zatim odaberite Kopiraj novi stil.

  3. U dijaloškom okviru Novi stil učinite sljedeće:

Tom se mogućnošću poslužite

Radnja

Birač

  • Da biste koristili birač predmet, upišite točku (.) iza koje slijedi jedinstveni naziv.

  • Da biste koristili programa birač id, upišite ljestve (#) iza koje slijedi jedinstveni naziv.

    Napomena : Predmet i id birač nazivi ne smiju sadržavati razmake osim ako stvarate složeni birač.

  • Da biste koristili za odabir elementa, upišite naziv elementa HTML ili kliknite padajući okvir Birač i odaberite naziv elementa.

  • Da biste koristili je odabir u istoj razini, odaberite stil u istoj razini.

  • Da biste stvorili složeni birač, upišite birač.

Definiranje u

Odaberite nešto od sljedećeg:

  • Trenutne stranice dodaje novi stil Interna CSS na web-stranici.

  • Novi list stilova dodaje novi stil novi prazan vanjskih CSS-a.

  • Postojeći list stilova dodaje novi stil postojeći vanjskih CSS koji navedete.

Primjena novog stila dokumenta odabira

Primjena stila na trenutni odabir na web-stranici.

URL-A

Ako odaberete postojeći list stilova u Definiraj u, unesite URL do .css datoteke.

Kategorija

Odaberite nešto od sljedećeg, a zatim postavite svojstva koja se udesno u dijaloškom okviru:

Savjet : Kategorije koje se pojavljuju u podebljano na popisu kategorija sadrže postaviti svojstva.

  • Font postavlja svojstva fonta, uključujući veličina, težina, ukras i boju.

  • Blokiranje postavlja visinu retka, poravnanje teksta, tekst uvlaka i razmaka.

  • Pozadine postavlja pozadinske boje i pozadine svojstava slike.

  • Obrub postavlja obruba i njezina svojstva.

  • Okvir postavlja svojstva udaljenosti od ruba i margine u okvir i elemenata na razini bloka.

  • Položaj postavlja dimenzija i položaj okvira i elemenata na razini bloka.

  • Raspored postavlja vidljivost, pluta i prelamanje ponašanje, isječak i druga svojstva izgled okvira i elemenata na razini bloka.

  • Popis postavlja svojstva elemenata popisa, uključujući vrstu i položaj slike.

  • Tablica postavlja svojstva tablice povezane elemenata, uključujući razmak, raspored, a zatim svojstva obruba.

Napomena : Stil možete kopirati i iz jedne CSS-a u drugu. U oknu zadatka Upravljanje stilovima povucite stila iz CSS koja sadrži taj stil na neki naziv CSS koje želite kopirati ili na određenom mjestu na popisu stilovi u ciljnoj CSS-a.

Stvaranje unutarnjeg stila pomoću okna zadatka svojstva CSS-a

  1. U prikazu dizajna ili prikaz koda na web-stranici odaberite sadržaj koji želite dodati u retku stil.

  2. U oknu zadatka CSS svojstva u odjeljku Pravila primjenjujudesnom tipkom miša kliknite birač koje želite primijeniti stil u istoj razini ili, ako se prikaže "(bez pravila koja se primjenjuju)", desnom tipkom miša kliknite bilo gdje u odjeljku Pravila za primijenjeni zatim na izborničkom prečacu kliknite Novi stil u istoj razini .

  3. U odjeljku Svojstva CSS-a, postavite svojstva koja želite.

Stvaranje i Primjena stila novi nedefiniranu

Možete stvoriti i primijeniti stavke i kasnije Definiranje stilova. Na primjer, ako želite raditi s programom dizajner da biste stvorili izgled stranice, možete primijeniti stilove Nedefinirano stavkama na stranici, a zatim sjesti pomoću dizajnera za definiranje stilova kasnije.

  1. U prikazu dizajna ili prikaz koda u web-stranice, odaberite stavku koju želite primijeniti stil.

  2. Da biste stvorili i primijeniti novi stil bez definiranja svojstva, na alatnoj traci stila u okvir Predmet ili ID-a upišite jedinstveni naziv za novi stil.

Vrh stranice

Primjena stila

Pomoću okna zadatka Primijeni stilove , okno zadatka Upravljanje stilovima ili alatnu traku Stil primjenu predmete – id sustavom ili stilova iz vaše interne i vanjske kaskadni listovi stilova (CSS). Okna zadatka Primijeni stilove omogućuje vam da biste primijenili više stilova odabira, dok je okno zadatka Upravljanje stilovima i Stil alatnu traku ograničeni su na primjenu jedan stila. Alatna traka za Stil omogućuje vam brzo naziv i primijenite novi Nedefinirano stilove na stranici.

Ne morate primijenite stilove koje koriste element za odabir (utemeljen na element stilovi) jer ove vrste stilovi automatski primjenjuju se na svoje pridružene element cijelom web-stranicu. Okna zadatka Primijeni stilove popis utemeljen na element stilova pod Kontekstne Birači, a uz zadatak Upravljanje stilovima u oknu prikazuju se plavi točke pokraj naziva željeni stil. Alatna traka za Stil ne popis utemeljen na element stilove.

  1. U prikazu dizajna ili prikaz koda u web-stranice, odaberite stavku koju želite primijeniti stil.

  2. Učinite nešto od sljedećeg:

    • Da biste primijenili više postojećih stilova    U oknu zadatka Primijeni stilove , pritisnite CTRL dok klikate svaki željeni stil.

    • Da biste primijenili jedan koja prikazuje galeriju lijepljenja    Učinite nešto od sljedećeg:

      • U oknu zadatka Primijeni stilove , kliknite željeni stil predmete ili ID-ja.

      • Na alatnoj traci Stil u predmete ili ID padajući okvir, kliknite željeni stil.

      • U oknu zadatka Upravljanje stilovima desnom tipkom miša kliknite stil class ili ID-ja, a zatim Primijenite stil na izborniku prečaca.

    • Da biste stvorili i primijeniti novi stil bez definiranja sva svojstva    Na alatnoj traci stila u okvir Predmet ili ID-a upišite jedinstveni naziv za novi stil.

Vrh stranice

Napomena : Izjava o odricanju od odgovornosti za strojni prijevod: ovaj je članak preveo računalni sustav bez ljudske intervencije. Microsoft nudi strojne prijevode da bi korisnicima koji ne razumiju engleski omogućio čitanje sadržaja o Microsoftovim proizvodima, uslugama i tehnologijama. Budući da je preveden strojno, članak možda sadrži pogreške u vokabularu, sintaksi ili gramatici.

Proširite svoje vještine
Istražite osposobljavanje

Jesu li vam ove informacije bile korisne?

Hvala vam na povratnim informacijama!

Hvala vam na povratnim informacijama! Čini se da bi vam pomoglo kad bismo vas povezali s nekim od naših agenata podrške za Office.

×