Kuidas määratleda stiile Dreamweaveri sildivalijaga

Saate luua Dreamweaveris täiesti uusi stiile, kasutades kõne- või ID-valijaid, kuid saate luua ka stiile, mis muudavad olemasolevate HTML-märgendite vormingut. Need stiilid luuakse märgendivalija abil, mida nimetatakse ka elementide valijaks . Kui määrate stiili sildivalija abil, saate muuta mis tahes olemasoleva HTML-märgendi välimust, asukohta ja muid funktsioone.

Paljud HTML-i sildid sisaldavad juba vormindamisvalikuid. Näiteks hõlmavad pealkirjasildid teksti vormindamist, kasutades suurt paksus kirjas kirjatüüpi. Sildivalijaga stiili loomisel peate arvestama selle sildiga juba seotud vormindamisvalikutega. Kõik teie määratud suvandid lisatakse olemasolevale vormingule või alistavad vormingu.

Võite küsida: "Miks ma peaksin uuesti määratlema

selle asemel, et luua klassi- või ID-valijaga lihtsalt uus pealkirja stiil?" Kuigi saate HTML-märgendi ümberdefineerimise asemel määratleda uue klassistiili, on mõnikord parem kasutada olemasolevat HTML-märgendit.

Pealkirjastiilid on veebis eriti olulised, kuna tekst, mis on vormindatud an

märgend on hästi äratuntav kui lehe kõige olulisem tekst. Muuhulgas an

märgend võivad otsingumootoritelt erilist tähelepanu pöörata.

Stiili loomiseks, mis määratleb uuesti HTML-märgendi (nt

sildi) koos sildivalijaga, looge esmalt fail või avage olemasolev fail ja seejärel järgige neid samme.

1 Valige paneeli CSS Designer paneelil Selectors stiilileht, millele soovite uue stiili lisada.

Kui loote olemasoleva HTML-märgendi jaoks stiili, ei pea te stiili ise rakendama nii, nagu seda teete klassi- ja ID-stiilide puhul. Kõikjal, kus olete HTML-märgendit kasutanud, rakendatakse stiili määratluse sätteid.

2Kui soovite stiili sihtida kindlale meediumitüübile või ekraani suurusele, valige või määrake meediumipäring paneelil @Media.

Meediumipäringute kasutamine stiilidega on valikuline. Kui te meediumipäringut ei määra, kasutab Dreamweaver atribuuti Global ja teie stiil töötab kõigis meediumivormingutes ja ekraanisuurustes.


Kuidas määratleda stiile Dreamweaveri sildivalijaga

3Klõpsake valijate paneelil plussmärki (+).

Valijate paneelile lisatakse uus valija.

Kui klõpsate uue valija loomiseks plussmärki (+), võib juhtuda mõni asi, olenevalt sellest, mis on Dreamweaveris juba avatud lehel. Kui loote stiili esimest korda tühjal veebilehel, sisestab Dreamweaver valijate paneeli kehaosa.

Kui töötate lehel teksti või muu sisuga, mis on vormindatud HTML-märgendite või stiilidega, võib Dreamweaver lisada kursoriga valitud elemente ümbritsevate elementide põhjal liitvalija.


Kuidas määratleda stiile Dreamweaveri sildivalijaga

4 Topeltklõpsake paneelil Selectors valija nimel. Alustage HTML-i märgendi nime sisestamist ja seejärel valige kuvatavast ripploendist silt.

Stiili loomiseks saate sildivalija abil sisestada mis tahes HTML-märgendi nime. HTML-märgendi sisestamisel kuvatakse ripploend märgenditega, mis algavad sama tähega, mille olete sisestanud. Soovitud sildi valimine loendist selle asemel, et kogu sildi nimi ise tippida, on hea tava, kuna väldite kirjavigu.


Kuidas määratleda stiile Dreamweaveri sildivalijaga

5 Määrake paneelil Atribuudid soovitud stiilireegli sätted.

Font ja värv kantakse kohe tekstile vorminguga leheküljel

silt.

Kui soovite, et sama lehe erinevates osades oleks võimalik kasutada sama HTML-märgendit erineva vorminguga, saate luua liitstiile. Liitlaadid on käepärased, kui soovite näiteks teksti vormindada

märgend, et lehe põhiosas teistsugune välja näha kui külgribal.


Kuidas SVG-dele läbipaistvust rakendada

Kuidas SVG-dele läbipaistvust rakendada

Siit saate teada, kuidas Illustratoris SVG-graafikale läbipaistvust rakendada. Uurige, kuidas väljastada läbipaistva taustaga SVG-sid ja rakendada läbipaistvusefekte.

Piltidega töötamine Adobe XD-s

Piltidega töötamine Adobe XD-s

Pärast piltide importimist Adobe XD-sse ei ole teil palju redigeerimiskontrolli, kuid saate kujutiste suurust muuta ja pöörata täpselt nagu mis tahes muu kujuga. Samuti saate nurgavidinate abil hõlpsasti ümardada imporditud pildi nurki. Piltide maskeerimine Kinnise kuju määratlemisega […]

Kuidas kohandada teksti atribuute Adobe XD-s

Kuidas kohandada teksti atribuute Adobe XD-s

Kui teie Adobe XD projektis on tekst olemas, saate hakata teksti atribuute muutma. Nende atribuutide hulka kuuluvad fondiperekond, fondi suurus, fondi kaal, joondus, märgivahe (joonimine ja jälgimine), reavahe (eesmärk), täitmine, ääris (joon), vari (langev vari) ja tausta hägu. Nii et vaatame üle, kuidas neid omadusi rakendatakse. Loetavuse ja fondi kohta […]

Photoshop CC graafikaplaatidega töötamine

Photoshop CC graafikaplaatidega töötamine

Nii nagu Adobe Illustratoris, võimaldavad Photoshopi joonised luua ühes dokumendis eraldi lehti või ekraane. See võib olla eriti kasulik, kui koostate ekraane mobiilirakenduse või väikese brošüüri jaoks. Joonistahvlit võib pidada eri tüüpi kihirühmaks, mis on loodud paneeli Kihid abil. Selle […]

Kujundid ja hulknurgad InDesignis

Kujundid ja hulknurgad InDesignis

Paljusid InDesigni tööriistade paneelil leiduvaid tööriistu kasutatakse lehele joonte ja kujundite joonistamiseks, nii et teil on väljaannete jaoks huvitavate jooniste loomiseks mitu erinevat võimalust. InDesignis saate luua kõike alates põhikujunditest kuni keerukate joonisteni, selle asemel, et kasutada joonistusprogrammi nagu […]

Murdke tekst Adobe Illustrator CC-s

Murdke tekst Adobe Illustrator CC-s

Teksti pakkimine Adobe Illustrator CC-s ei ole päris sama, mis kingituse pakkimine – see on lihtsam! Teksti murdmine sunnib teksti ümber graafika, nagu on näidatud sellel joonisel. See funktsioon võib lisada igale teosele pisut loovust. Graafika sunnib teksti enda ümber keerduma. Esiteks looge […]

Kuidas Illustratoris kujundite suurust muuta

Kuidas Illustratoris kujundite suurust muuta

Adobe Illustrator CC-s kujundamisel on sageli vaja, et kuju oleks täpse suurusega (näiteks 2 x 3 tolli). Pärast kujundi loomist on parim viis selle täpsete mõõtude muutmiseks kasutada sellel joonisel näidatud teisenduspaneeli. Laske objekt valida ja seejärel valige Aken → Teisenda […]

Kuidas luua InDesign CC-s QR-koode

Kuidas luua InDesign CC-s QR-koode

InDesigni saate kasutada QR-koodi graafika loomiseks ja muutmiseks. QR-koodid on vöötkoodi vorm, mis võib salvestada teavet, nagu sõnad, numbrid, URL-id või muud tüüpi andmed. Kasutaja skannib QR-koodi kasutades oma kaamerat ja tarkvara seadmes, näiteks nutitelefonis ning tarkvara kasutab […]

Kuidas muuta uus foto Photoshop CS6-s vanaks

Kuidas muuta uus foto Photoshop CS6-s vanaks

Võib juhtuda, et vajate uut fotot, et vana välja näha. Photoshop CS6 pakub teile tähelepanu. Must-valge fotograafia on uuem nähtus, kui arvata võiks. Dagerrotüüpidel ja muudel varastel fotodel oli sageli pruunikas või sinakas toon. Saate ise luua seepiatoonides meistriteoseid. Toonitud pildid võivad luua […]

Adobe CS5 Illustratori Live Paint funktsioon

Adobe CS5 Illustratori Live Paint funktsioon

Adobe Creative Suite 5 (Adobe CS5) Illustratori funktsiooni Live Paint kasutades saate luua soovitud pildi ja täita piirkonnad värviga. Live Paint ämber tuvastab automaatselt iseseisvatest ristuvatest teedest koosnevad piirkonnad ja täidab need vastavalt. Teatud piirkonna värv jääb elavaks ja voolab automaatselt, kui seda on […]