Què és una fulla d'estil d'usuari?

Per què he d'utilitzar una fulla d'estil d'usuari?

Ara, quan faig servir un full d'estils d'usuari, no estic creant una situació en què totes les pàgines web que visiteu siguin iguals. En lloc d'això, tinc un full d'estil d'usuari que m'ajuda a navegar per la web. Els fulls d'estil d'usuari us permeten establir estils en els elements de la pàgina perquè siguin més fàcils de llegir i utilitzar, independentment del dissenyador de la pàgina web.

Una de les coses que m'he adonat és que moltes persones han construït moltes pàgines web. Aquestes persones semblen fonts que són, bé, microscòpiques. Usant un full d'estil d'usuari, puc definir les mides de font predeterminades a una mida de lletra que sigui més llegible per a mi. Un altre truc popular dels dissenyadors web és eliminar els subratllats d'enllaços . Tot i que això faci que la pàgina es vegi "millor", és més difícil dir el que es pot fer clic. Així que, amb fulls d'estil d'usuari, he tornat a subratllar els enllaços a les pàgines que visiteu.

Escriure una fulla d'estil d'usuari

Escriure un full d'estil d'usuari és tan senzill com escriure un full d'estil CSS per a la vostra pàgina web. Podeu utilitzar totes les mateixes propietats i ordres que podeu incloure en un full d'estils estàndard. El truc d'un full d'estil d'usuari és que està emmagatzemat al vostre disc dur i li indiqui al seu navegador web que l'utilitzi. Depenent del navegador web que utilitzeu, les instruccions per configurar-les són diferents:

Fulls d'estil d'usuari i accessibilitat

Tornar a afegir les subratllades o fer que les fonts siguin més grans és un bon començament per fer que les pàgines web que visitei siguin més accessibles, però amb fulls d'estil d'usuari, podeu anar encara més lluny. Per exemple, molts dissenyadors web encara utilitzen els elements i les seves pàgines en comptes d'utilitzar els elements més semàntics i. Si fos cec, utilitzant un navegador auditiu, el navegador no sabria què fer i com que no tenien cap significat semàntic. Però amb un full d'estil d'usuari, podria definir-los per ser pronunciats audiblement amb una forta o èmfasi, igual que els seus homòlegs semàntics.

Jugant amb fulls d'estil d'usuari

La manera més habitual d'utilitzar fulls d'estil d'usuari és afegir el subratllat als enllaços. Podríeu fer això afegint la següent propietat CSS al vostre full d'estil d'usuari:

: enllaç: visitat {text-decoration: subratllat! important; }

Afegir el "! Important" al final de l'estil és vital, perquè en cas contrari, el full d'estil definit per l'autor tindrà preferència sobre el full d'estil d'usuari.

Un altre truc útil amb fulls d'estil d'usuari és fer que algunes de les etiquetes més molestes siguin menys molestes. Aquest estil fa que l'etiqueta de parpelleig i les etiquetes de marquesina no es vagin ni es desplacin:

parpellejar (text-decoration: none! important; } marquee {-moz-binding: none! important; }

Dissenyadors web: manteniu això en ment

Recordeu que teniu un conjunt de fulls d'estil d'usuari al dissenyar pàgines web. En cas contrari, passareu hores i hores intentant solucionar per què veieu subratllats en tots els enllaços mentre no hi ha cap altre usuari del vostre equip. Podeu riure, però si configureu el full d'estil d'usuari avui i, després, canvieu els estils del vostre lloc web en sis mesos, és probable que us hàgiu oblidat d'establir un full d'estil d'usuari.

El que faig és tenir el meu perfil estàndard en el qual naveguen per la web i un perfil per defecte que utilitzo per provar les meves pàgines web. D'aquesta manera, puc navegar per la web com estic més còmode, però també sé com la majoria de gent veurà la meva pàgina web. Si insisteix a navegar amb Internet Explorer, hauràs de recordar desactivar els fulls d'estil de l'usuari al provar les pàgines web.