CSS-hautatzailea, eta bere formatu-html-dokumentu rola

Web orri bat sortzea eta hura betetzea web orriaren elementu jakin batera, denek epe bati aurre egingo esaterako, CSS-hautatzailea da. beren diseinu eta kokapena orriko of html fitxategi elementu guztiak zehatzago zehazteko balio du. kolorea, tamaina, kokapena eta beste: Horretarako, a CSS-a duten askatzea jakin Selectors eta beren Formatu aukerei dokumentu sortu. Web diseinatzaile bakoitzak jakin behar, eta behar bezala sartu nahi hautapen gai. Dira, nagusia horietatik behean aztertuko ditugu motaren arabera banatuta.

CSS selectors mota

horrek elementua itsatsi formatua aplikatzen da arabera, CSS-hautatzailea daiteke honako talde bat erlazionatzeko:

• Etiketa hautatzailea;
• class hautatzailea;
• id-hautatzailea;
• egozten hautatzaileak.

Tag hautatzailea

Ere deitzen da "mota hautatzailea" edo "elementu", errazena eta ohikoa da. Bere CSS-dokumentu bezala itsatsi fitxategi elementu, eta horrek deskribatzen ditugun izenak dira. Adibidez, paragrafo-estiloa ezarri behar badugu, ezaugarriak eta haien elementu p {background balioak zehaztu dugu: x; color: y; tamaina: z}. Kasu honetan, web orriaren parrafoen bera formatuan izango dute (atzeko kolorea, testuaren tamaina, eta abar. D.).

class hautatzailea

Eta zer egin behar baduzu, zure paragrafo guztietan beste estilo ezberdina da galdetu? Horretarako, ez class hautatzailea da.

p.first {color:: kasu honetan CSS-dokumentu ondorengo inprimakia sarrera bat edukiko luke x; font-size: y}. Horrela, "kolore" eta "tamaina" Lehenengo klasea paragrafoan soilik propietateak definitu dugu.

html-dokumentu bat kasu honetan ere class atributua sartutako estiloaren izena, lehenengo da. Klaseak gisa bat web orria elementu eskatu nahi duzun estiloa bezainbeste izan daiteke.

Selector id

Askotan ez estilo bat definitzeko zehatzago, adibidez inork orriaren elementu Edozein, edo horiek dastatzeko beharra da. Egoera honetan, diru-laguntza id-hautatzailea dator. html fitxategia esleitu nahi den elementua izen bat besteen artean identifikatzen da. Adibidez, beste estilo desberdinak ezarri nahi ditugu elementu artikulu izenburua izango da.

Ondoren html-dokumentu batean goiburua h1 identifikatzailea, esaterako articlename esleitzea. Eta CSS fitxategi batean, zehaztu estiloa, ID izen parrilla gehituz: #articlename {kolorea: urdina; Testu-lerrokatzea: erdian}. Orain gure titular kolorea urdin eta zentratua izango dute.

Goiko mota bakoitza "a simple CSS-hautatzailea" deskribatu daiteke. formatua definitzen dute html-agiriaren parametro jakin baten: elkarrekin antzeko elementuak (adibidez, artikuluaren paragrafo guztietan), klase bat (adibidez, lehen paragrafo bakarra) edo elementu zehatz bat (adibidez, artikulu izenburua).

egozten selectors

Aurrekoez gain, ez da bat CSS-Selectors egozten - Aplikazio estilo-metodo konplexuagoak. html formatuan hautatutako attribute edo balio elementu ematen du. Badira hainbat hautatzaileak honen barietate:

• attribute presentzia da;
• bere balioa zehatza at;
• partziala attribute balio eginez;
• bere balioa zehatz-orrian.

Demagun espezie horietako bakoitzean kontuan hartu digu:

1. Lehenengo kasuan. Formatua aplikatzen da, baldin badago zehatz attribute html-kode bat ere (a p, div, goiburua, etab ahal izango da). Hala ez bada, estilo elementu guztientzat orokorra erabiltzen du. Adibidez, elementu izenburu izateagatik (tresna punta).
2. Bigarren kasuan. Estilo hori attribute balioak partida zehatza dute html-elementu bakarra aplikatzen. Adibidez, sarrerako elementu, non mota atributuaren balioa berdin aurkeztu.
3. Hirugarren kasuan. formatuan azpian bakarrik izango dira balio-zerrenda hori hitza jakin bat du elementurik. Adibidez, alboko barran attribute "class" elementu div da.
4. Laugarren kasuan. Style html-dokumentu, zeinen atributua bereziki balio jakin bat du elementu horiek bakarrik definitzen da, eta berarekin batera hasten da. Adibidez, zehaztutako koloreen erabilera elementu guztiak zein ingeleseko attribute (izan daitezkeenak en, en-rus, en-au eta t. D.).

Horrela, bat edo beste, CSS hautatzaileak erabiliz, onena da bat web orri gisa zehaztu, eta bere elementu batzuk deskribatzeko.