Skip to main content

Hva er et User Style Sheet og hvorfor skal jeg bruke en?

1 - Hva er HTML og CSS? - Webutvikling - Grunnleggende HTML og CSS (April 2025)

1 - Hva er HTML og CSS? - Webutvikling - Grunnleggende HTML og CSS (April 2025)
Anonim

Nå, når jeg bruker et brukers stilark, setter jeg ikke opp en situasjon der alle websider jeg besøker ser det samme. I stedet har jeg et brukerstilark som hjelper meg å surfe på nettet. Med brukers stilark kan du angi stiler på sideelementer slik at de er enklere for deg å lese og bruke, uansett hva webdesigneren har til hensikt.

En av tingene jeg har lagt merke til er at mange nettsider er bygget av yngre mennesker. Disse menneskene ser ut som fonter som er, vel, mikroskopiske. Ved å bruke et brukers stilark kan jeg angi standard skriftstørrelser til en skriftstørrelse som er mer lesbar for meg. Et annet populært triks av webdesignere er å fjerne understrekkene fra koblinger. Selv om dette kan gjøre at siden ser ut som "finere", er det vanskeligere å fortelle hva som er klikkbart. Så med bruker stilark, legger jeg understrekkene tilbake på lenker på sidene jeg besøker.

Skriver et brukerstilark

Å skrive et brukerstilark er like enkelt som å skrive et CSS-stilark for websiden din. Du kan bruke alle de samme egenskapene og kommandoene som du kan i et standard stilark. Trikset til et brukervalgark er at det er lagret på harddisken, og du forteller at nettleseren din bruker den. Avhengig av hvilken nettleser du bruker, er instruksjonene for å sette opp det forskjellige:

  • Firefox
  • Internet Explorer for Windows
  • Internet Explorer for Macintosh
  • Mozilla
  • Opera
  • Safari

User Style Sheets og tilgjengelighet

Å legge til understrekkene eller gjøre skriftene større er en god start mot at websider jeg besøker, blir mer tilgjengelige for meg, men med brukerstilark kan du gå enda lenger. For eksempel bruker mange webdesignere fortsatt og elementene på sine sider i stedet for å bruke mer semantiske og. Hvis jeg var blind, bruker en auditiv nettleser, ville nettleseren ikke vite hva jeg skal gjøre med, og som de ikke har noen semantisk betydning. Men med et brukerark kan jeg definere dem for å bli uttalt hørbart med en sterk eller vekt, det samme som deres semantiske kolleger.

Spiller med bruker stilark

Den vanligste måten å bruke brukerstilark på, er å legge til understreken tilbake til koblinger. Du vil gjøre dette ved å legge til følgende CSS-eiendom i ditt brukerstilsark:

: link,: besøkt {text-decoration: understreke! viktig; }

Å legge til "viktig" til slutten av stilen er viktig, for ellers vil det forfatterdefinerte stilarket ha forrang over brukerformatarket.

Et annet nyttig triks med brukers stilark er å gjøre noen av de mer irriterende kodene mindre irriterende. Denne stilen gjør blink-taggen, og merketikettene blinker ikke eller ruller:

blink {text-decoration: none! viktig; } marquee {-moz-binding: none! viktig; }

Webdesignere: Vær oppmerksom på dette

Du bør huske at du har et brukers stilarksett når du designer websider. Ellers vil du tilbringe timer og timer som prøver å feilsøke hvorfor du ser understreker på alle koblingene mens alle andre i laget ditt ikke gjør det. Du kan le, men hvis du angir brukerstilarket i dag, og deretter endrer webstedsstiler på seks måneder, er det sjansen for at du har glemt at du angir et brukerstilark.

Hva jeg gjør er å ha min standardprofil som jeg surfer på nettet og en standard profil som jeg bruker til å teste nettsidene mine med. På den måten kan jeg surfe på nettet hvordan jeg er mest komfortabel, men jeg vet også hvordan de fleste skal se min nettside. Hvis du insisterer på å surfe med Internet Explorer, må du huske å slå av brukerstilarkene når du tester websidene dine.