CSS

Taula de continguts:

CSS
CSS

Vídeo: Учим CSS за 1 час! #От Профессионала 2024, Maig

Vídeo: Учим CSS за 1 час! #От Профессионала 2024, Maig
Anonim

CSS pot consultar qualsevol dels següents:

1. Short per a fulls d'estil en cascada, CSS és un llenguatge utilitzat per descriure els estils reutilitzables per presentar documents escrits en un llenguatge de marques. El seu concepte va ser originat per Håkon Wium Lie el 1994. Al desembre de 1996, CSS va fer una especificació pel W3C i avui en dia permet als desenvolupadors web alterar el disseny i l'aparença de les seves pàgines web. Per exemple, CSS es pot utilitzar per canviar el tipus de lletra usat en cert element HTML, així com la seva mida i color. Es pot enllaçar un sol fitxer CSS a diverses pàgines, cosa que permet que un desenvolupador canviï l’aspecte de totes les pàgines alhora.

El quadre següent conté un exemple bàsic d’ús del codi CSS per definir tipus de lletra, el color dels hiperenllaços i el color d’un enllaç quan el cursor del ratolí passa sobre. En aquest exemple específic, només canviem les etiquetes HTML i en lloc de crear cap nova selecció de classe o identificació.

body {font: normal 100% "trebuchet ms", Arial, Helvetica, sans-serif; } a {color: # 000000; } A: visitat {color: # 005177; } a: hover {color: # 005177; }

El codi CSS del quadre de dalt es pot inserir a la secció principal del codi HTML d'una pàgina mitjançant el codi següent. Tanmateix, tingueu en compte que la realització d’aquesta acció només aplica aquests canvis a una sola pàgina.

Si voleu utilitzar el codi CSS en diverses pàgines, us recomanem que guardeu el codi en un fitxer CSS independent i que el carregueu a cada pàgina. Per exemple, el codi CSS que es mostra a la primera casella d’aquesta pàgina es pot copiar i enganxar en un fitxer amb l’extensió de fitxer.css.

Consell

Es pot crear un fitxer CSS mitjançant qualsevol editor de text o fins i tot bloc de notes si utilitzeu Windows.

Després de guardar el fitxer, s'ha d'enllaçar al cap del codi HTML mitjançant thetag. El quadre següent mostra un exemple d’aquest element en ús.

  • URL o ruta al fitxer css aquí ">

    Si heu nomenat el fitxer CSS example.css i es troba al mateix directori que el fitxer HTML des del qual es carrega, la línia següent enllaçaria el fitxer CSS.

    CSS3 és la versió de CSS (fulls d'estil en cascada) que substitueix CSS2. Introdueix nous selectors i propietats que permeten una major flexibilitat amb la presentació i presentació de pàgines. Algunes actualitzacions, com la propietat box-shadow (que permet afegir una ombra a un element), permeten aplicar efectes visuals sense necessitat de crear imatges especials.