Acasă Social media Cum se creează stiluri cu selectori de clasă și ID în Dreamweaver

Cum se creează stiluri cu selectori de clasă și ID în Dreamweaver

Cuprins:

Video: How to program the warm water auxiliary heater of your Mercedes-Benz Sprinter 2025

Video: How to program the warm water auxiliary heater of your Mercedes-Benz Sprinter 2025
Anonim

Selectorii de clase și de identificatori din Dreamweaver au multe asemănări și o diferență cheie. Stilurile de stiluri pot fi folosite numai o dată pe pagină, dar stilurile de clasă pot fi utilizate de câte ori se află pe aceeași pagină pe care o doriți.

Stilurile de clasă și de identitate au următoarele similitudini:

Puteți numi stilurile create cu selectorul de clasă și ID-ul dorit. Nu trebuie să includeți spații sau caractere speciale în nume de stil, deși linia de subliniere și cratimă sunt în regulă. Utilizarea tuturor literelor mici este o practică obișnuită, dar nu necesară.

Puteți aplica stiluri de clasă și ID la orice element dintr-o pagină, dar acestea sunt aplicate cel mai frecvent în etichetele antetului, etichetele div, etichetele listă neordonate, etichetele paragrafelor, etichetele de imagine și noul HTML5 Etichete.

Utilizarea stilurilor create cu selectorul de clasă și ID este un proces în două etape. Mai întâi, creați un stil nou utilizând selectorul de clasă sau ID și dați-i un nume; atunci aplicați stilul pe un element din pagină.

1Dacă definiți un stil nou pe care doriți să îl aplicați unui element existent, faceți clic pentru a plasa cursorul peste elementul pe care doriți să-l formați cu noul stil.

Deși acest pas nu este necesar (puteți crea stiluri pentru elementele care nu sunt încă în pagină), Dreamweaver creează automat numele selectorului pe baza elementului de pagină pe care cursorul dvs. îl selectează în mod curent.

2În panoul Selectori al panoului CSS Designer, selectați numele foii de stil la care doriți să adăugați noul stil.

Dacă doriți să direcționați stilul spre un anumit tip de suport media sau dimensiune ecran, definiți o interogare media în panoul @Media.

Dacă nu specificați o interogare media, Dreamweaver va utiliza proprietatea Global și stilul dvs. va funcționa în toate formatele media și dimensiunile ecranului.

3 În panoul Selectori, faceți clic pe semnul plus (+).

Un nou selector este adăugat la panoul Selectori. Dreamweaver a adăugat un nume de selector compus, care include toate stilurile deja aplicate titlului în care cursorul dvs. se odihnea când ați început să definiți stilul.

4 Faceți dublu clic pe numele selectorului și modificați-l sau înlocuiți-l cu numele pe care doriți să-l utilizați pentru stilul dvs.

Puteți numi stiluri de clasă și identitate oricui doriți, atât timp cât nu utilizați spații sau caractere speciale, altele decât liniuța (-) sau sublinierea (_).

Dacă doriți să creați un stil utilizând selectorul de clasă, trebuie să începeți numele stilului cu un punct sau o perioadă.Dacă doriți să utilizați selectorul de identificare, numele stilului trebuie să înceapă cu un semn de literă (#).

5 În panoul Proprietăți, specificați setările din regula stilului.

Selectorii de clase și ID sunt ușor de aplicat conținutului după ce le creați, deoarece Dreamweaver adaugă aceste stiluri la listele drop-down Clasă și ID din inspectorul Proprietăți, situat în partea de jos a spațiului de lucru.

Cum se creează stiluri cu selectori de clasă și ID în Dreamweaver

Alegerea editorilor

Modul în care confidențialitatea afectează familia și mama dvs. Blogging Business - dummies

Modul în care confidențialitatea afectează familia și mama dvs. Blogging Business - dummies

Blogging-ul este un act de echilibrare între constatare moduri de a împărtăși povești personale în timp ce stabiliți limite cu privire la lucrurile pe care refuzați să le distribuiți public. Chiar și bloggerii care par să o scoată pe toate au anumite subiecte pe care nu le vor discuta. Permanența bloggerului pune o perspectivă diferită asupra povestilor drăguțe și amuzante despre copii, deoarece ...

Cum Social Media vă ajută să beneficiați de recompensele unei comunități implicate - dummies

Cum Social Media vă ajută să beneficiați de recompensele unei comunități implicate - dummies

Comunitatea media socială angajată este atentă și receptivă. Acest tip de atenție și capacitate de reacție pot fi utilizate pentru afacerea dvs. în mai multe feluri: Feedbackul clienților: primiți imediat informații de la clienții dvs. despre nevoile lor de a le servi mai bine sau de a identifica oportunități de afaceri și de marketing. Cercetarea pieței: Întreabă-ți comunitatea să răspundă la întrebări, ...

Cum social media vă ajută să vă umanizați brandul pe piață - manechine

Cum social media vă ajută să vă umanizați brandul pe piață - manechine

A auzit cuvântul autentic aruncat în jur în postările, articolele, atelierele sau lecturile de blog, ca un aspect important al implicării în social media. Pentru al pune într-un alt mod: Fii uman. "Desigur, eu sunt om", spui tu. "Și așa este și echipa mea. Suntem toți umani. "Știm că ești om; totuși, trebuie să fiți ...

Alegerea editorilor

Cum se creează o diagramă de bază Excel - dummies

Cum se creează o diagramă de bază Excel - dummies

Atunci când aveți o mulțime de date numerice într-un Microsoft Excel foaia de lucru, folosind o diagramă poate ajuta la a face mai mult sens din numere. Excel oferă diferite tipuri de diagrame, fiecare potrivită pentru un alt tip de analiză a datelor. Pentru a crea o diagramă, urmați acești pași: Selectați datele pe care doriți să le includeți în diagramă. Includeți ...

Cum se schimbă locația dvs. de salvare în Office 2010 - dummies

Cum se schimbă locația dvs. de salvare în Office 2010 - dummies

Atunci când salvați un fișier într-un Office 2010, puteți schimba locul în care fișierul este salvat. (Salvarea locației implicită în Office 2010 este dosarul Documente.) Fișierele sunt organizate în directoare și puteți avea foldere în dosare. De exemplu, este posibil să aveți un dosar numit Retirement cu un dosar în interiorul acestuia ...

Cum se creează un fișier sau un dosar comprimat - dummies

Cum se creează un fișier sau un dosar comprimat - dummies

Pentru a micșora dimensiunea unui fișier de computer sau toate fișierele dintr-un dosar, le puteți comprima. Comprimarea unui fișier sau a unui dosar reduce un fișier sau un dosar mare la o dimensiune mai ușor de gestionat. Comprimarea unui fișier este adesea utilă atunci când trimiteți un element ca atașament la un mesaj de poștă electronică. Pentru a comprima ...

Alegerea editorilor

Cum să obțineți colorat cu nuanță / saturație în Photoshop CS6 - manechine

Cum să obțineți colorat cu nuanță / saturație în Photoshop CS6 - manechine

Funcțiile de control al saturației vă permit să ajustați culorile pe baza nuanței, saturației și luminozității. Caseta de dialog Hue / Saturation nu funcționează cu canalele roșii, verzi și albastre (sau cyan, magenta, galben și negru) ale unei imagini. În schimb, funcționează pe diferite culori sau nuanțe. Puteți selecta toate culorile (Master) sau una ...

Cum să scapi de ochi roșii în Photoshop CS6 - manechine

Cum să scapi de ochi roșii în Photoshop CS6 - manechine

Photoshop CS6 oferă o soluție pentru scapa de ochiul rosu temut. Ochiul roșu apare atunci când subiectul unei imagini arată direct în bliț, iar rezultatul nefericit este că luminescența strălucitoare în ochi, care spune: "S-ar putea să fiu foarte bine un copil demon. "Multe camere au un mod de prevenire a ochilor roșii, ...

Cum se formatează paragrafe în Photoshop CS6 - dummies

Cum se formatează paragrafe în Photoshop CS6 - dummies

Puteți utiliza panoul Paragraf din Photoshop CS6 pentru a formata orice sau toate paragrafele dintr-un strat de tip. Alegeți fereastra → Paragraf sau Tip → Panouri → Panoul paragrafelor. Pur și simplu selectați paragraful sau paragrafele pe care doriți să le formați făcând clic pe un paragraf individual cu instrumentul Tip. Puteți să trageți o selecție pentru a selecta mai multe paragrafe sau în ...