Kā definēt stilus, izmantojot tagu atlasītāju programmā Dreamweaver

Programmā Dreamweaver varat izveidot pilnīgi jaunus stilus, izmantojot zvanu vai ID atlasītājus, taču varat arī izveidot stilus, kas maina esošo HTML tagu formatējumu. Šie stili tiek izveidoti, izmantojot tagu atlasītāju, ko sauc arī par elementu atlasītāju . Kad definējat stilu, izmantojot tagu atlasītāju, varat mainīt jebkura esošā HTML taga izskatu, pozīciju un citus līdzekļus.

Daudzos HTML tagos jau ir iekļautas formatēšanas opcijas. Piemēram, virsraksta tagi ietver teksta formatējumu, izmantojot lielu treknrakstu. Veidojot stilu ar tagu atlasītāju, jāņem vērā ar šo tagu jau saistītās formatēšanas opcijas. Visas jūsu definētās opcijas tiks pievienotas esošajam formatējumam vai ignorēs formatējumu.

Jūs varat jautāt: "Kāpēc man būtu jāpārdefinē

tagu, nevis vienkārši izveidojiet jaunu virsraksta stilu, izmantojot klases vai ID atlasītāju?" Lai gan varat definēt jaunu klases stilu, nevis atkārtoti definēt HTML tagu, dažreiz labāk ir izmantot esošu HTML tagu.

Virsrakstu stili ir īpaši svarīgi tīmeklī, jo teksts ir formatēts an

tags ir labi atpazīstams kā vissvarīgākais teksts lapā. Cita starpā teksts, kas formatēts formātā

tags var saņemt īpašu uzmanību no meklētājprogrammām.

Lai izveidotu stilu, kas no jauna definē HTML tagu (piemēram,

tagu) ar tagu atlasītāju, vispirms izveidojiet failu vai atveriet esošu un pēc tam veiciet šīs darbības:

1 Paneļa CSS Designer panelī Selectors atlasiet stila lapu, kurai vēlaties pievienot jauno stilu.

Veidojot stilu esošam HTML tagam, jums nav jāpielieto pats stils, kā tas tiek darīts ar klases un ID stiliem. Visur, kur esat izmantojis HTML tagu, tiek lietoti stila definīcijas iestatījumi.

2Ja vēlaties mērķēt stilu uz noteiktu multivides veidu vai ekrāna izmēru, panelī @Media izvēlieties vai definējiet multivides vaicājumu.

Multivides vaicājumu izmantošana ar stiliem nav obligāta. Ja nenorādīsiet multivides vaicājumu, Dreamweaver izmantos rekvizītu Global, un jūsu stils darbosies visos multivides formātos un ekrāna izmēros.


Kā definēt stilus, izmantojot tagu atlasītāju programmā Dreamweaver

3. Atlasītāju panelī noklikšķiniet uz pluszīmes (+).

Atlasītāju panelim tiek pievienots jauns atlasītājs.

Noklikšķinot uz pluszīmes (+), lai izveidotu jaunu atlasītāju, var notikt dažas lietas atkarībā no tā, kas jau ir atvērtajā lapā Dreamweaver. Pirmo reizi veidojot stilu tukšā tīmekļa lapā, Dreamweaver ievada pamattekstu panelī Selectors.

Ja strādājat ar lapu ar tekstu vai citu saturu, kas ir formatēts ar HTML tagiem vai stiliem, Dreamweaver var pievienot salikto atlasītāju, pamatojoties uz elementiem, kas apņem to, ko esat atlasījis ar kursoru.


Kā definēt stilus, izmantojot tagu atlasītāju programmā Dreamweaver

4Panelī Selectors veiciet dubultklikšķi uz atlasītāja nosaukuma. Sāciet ievadīt HTML taga nosaukumu un pēc tam parādītajā nolaižamajā sarakstā atlasiet tagu.

Varat ievadīt jebkura HTML taga nosaukumu, lai izveidotu stilu, izmantojot tagu atlasītāju. Ievadot HTML tagu, tiek parādīts nolaižamais saraksts ar tagiem, kas sākas ar to pašu burtu, ko esat ievadījis. Laba prakse ir izvēlēties vajadzīgo atzīmi no saraksta, nevis pašam ierakstīt visu taga nosaukumu, jo jūs izvairīsities no drukas kļūdām.


Kā definēt stilus, izmantojot tagu atlasītāju programmā Dreamweaver

5Panelī Rekvizīti norādiet iestatījumus, kas nepieciešami stila noteikumam.

Fonts un krāsa tiek nekavējoties piemēroti tekstam lapā, kas formatēta ar

tagu.

Ja vēlaties izmantot vienu un to pašu HTML tagu ar atšķirīgu formatējumu dažādās vienas lapas daļās, varat izveidot saliktos stilus. Saliktie stili ir ērti, piemēram, ja vēlaties, lai teksts būtu formatēts ar

tagu, lai lapas galvenajā daļā izskatītos savādāk nekā sānjoslā.

Leave a Comment

Photoshop CS6 viss vienā, lai LuckyTemplates apkrāptu lapa

Photoshop CS6 viss vienā, lai LuckyTemplates apkrāptu lapa

Photoshop CS6 saglabā visas iepriekšējo versiju funkcijas un pievieno jaunas, nodrošinot labāku lietotāja pieredzi, radošumu un produktivitāti. Iepazīstiet jaunas rīku iespējas un komandas.

Kā sapludināt slāņus programmā Photoshop CS6

Kā sapludināt slāņus programmā Photoshop CS6

Uzziniet, kā efektīvi sapludināt slāņus programmā Photoshop CS6, lai samazinātu faila izmēru un uzlabotu veiktspēju, izmantojot slāņu sapludināšanu un attēla saplacināšanu.

Kā SVG failiem piemērot caurspīdīgumu

Kā SVG failiem piemērot caurspīdīgumu

Uzziniet, kā lietot caurspīdīgumu SVG grafikai programmā Illustrator. Izpētiet, kā izvadīt SVG ar caurspīdīgu fonu un lietot caurspīdīguma efektus.

Darbs ar attēliem programmā Adobe XD

Darbs ar attēliem programmā Adobe XD

Kad esat importējis savus attēlus programmā Adobe XD, jums nav lielas rediģēšanas vadības iespējas, taču varat mainīt attēlu izmērus un pagriezt tos tāpat kā jebkuru citu formu. Varat arī viegli noapaļot importēta attēla stūrus, izmantojot stūra logrīkus. Attēlu maskēšana Nosakot slēgtu formu […]

Kā pielāgot teksta rekvizītus programmā Adobe XD

Kā pielāgot teksta rekvizītus programmā Adobe XD

Kad jūsu Adobe XD projektā ir teksts, varat sākt mainīt teksta rekvizītus. Šie rekvizīti ietver fontu saimi, fonta lielumu, fonta svaru, līdzinājumu, rakstzīmju atstarpes (rindstarpas un izsekošanu), rindstarpu (vadošais), aizpildījumu, apmali (pārvilkšanu), ēnu (krītošā ēna) un fona aizmiglojumu. Tātad, apskatīsim, kā šie rekvizīti tiek piemēroti. Par lasāmību un fontu […]

Darbs ar planšetdatoriem programmā Photoshop CC

Darbs ar planšetdatoriem programmā Photoshop CC

Tāpat kā programmā Adobe Illustrator, Photoshop zīmējumu dēļi nodrošina iespēju vienā dokumentā izveidot atsevišķas lapas vai ekrānus. Tas var būt īpaši noderīgi, ja veidojat ekrānus mobilajai lietojumprogrammai vai nelielai brošūrai. Jūs varat domāt par zīmējumu dēli kā īpašu slāņu grupas veidu, kas izveidots, izmantojot paneli Slāņi. Tā […]

Formas un daudzstūri programmā InDesign

Formas un daudzstūri programmā InDesign

Daudzi rīki, kas atrodami panelī InDesign Tools, tiek izmantoti līniju un formu zīmēšanai lapā, tāpēc jums ir vairāki veidi, kā izveidot interesantus zīmējumus savām publikācijām. Programmā InDesign varat izveidot jebko, sākot no pamata formām līdz sarežģītiem zīmējumiem, tā vietā, lai izmantotu zīmēšanas programmu, piemēram, […]

Aplauzt tekstu programmā Adobe Illustrator CC

Aplauzt tekstu programmā Adobe Illustrator CC

Teksta iesaiņošana programmā Adobe Illustrator CC nav gluži tas pats, kas dāvanas iesaiņošana — tas ir vienkāršāk! Teksta aplaušana liek tekstam aptīt grafiku, kā parādīts šajā attēlā. Šī funkcija var pievienot mazliet radošuma jebkuram gabalam. Grafika liek tekstam aptīt to. Vispirms izveidojiet […]

Kā mainīt formu izmēru programmā Illustrator

Kā mainīt formu izmēru programmā Illustrator

Veidojot dizainu programmā Adobe Illustrator CC, bieži vien ir nepieciešams precīzs izmērs (piemēram, 2 x 3 collas). Pēc formas izveides vislabākais veids, kā mainīt tās izmērus precīziem izmēriem, ir izmantot pārveidošanas paneli, kas parādīts šajā attēlā. Atlasiet objektu un pēc tam izvēlieties Logs → Transform to […]

Kā izveidot QR kodus programmā InDesign CC

Kā izveidot QR kodus programmā InDesign CC

Varat izmantot programmu InDesign, lai izveidotu un modificētu QR koda grafiku. QR kodi ir svītrkoda veids, kurā var saglabāt informāciju, piemēram, vārdus, ciparus, URL vai cita veida datus. Lietotājs skenē QR kodu, izmantojot savu kameru un programmatūru ierīcē, piemēram, viedtālrunī, un programmatūra izmanto […]