Què és CSS?
CSS significa fulls d'estil en cascada. Descriu a l'usuari com mostrar elements HTML a la pantalla en un format adequat. CSS és el llenguatge que s'utilitza per dissenyar documents HTML. En paraules senzilles, els fulls d'estil en cascada són un llenguatge utilitzat per simplificar el procés de creació d'una pàgina web.
CSS s'utilitza per gestionar algunes parts de la pàgina web. Amb l'ajuda de CSS, podem controlar el color del text i l'estil de les fonts, i podem controlar l'espaiat entre el paràgraf i moltes més coses. CSS és fàcil d'entendre, però ofereix un fort control sobre els documents HTML. CSS es combina amb HTML.
Avantatges de CSS
Aquests són els següents avantatges de CSS, com ara:
| Velocitat de pàgina més ràpida: | Té una velocitat de pàgina més ràpida que les velocitats de pàgina d'altres codis. Amb l'ajuda de la regla CSS, podem aplicar-la a totes les ocurrències de determinades etiquetes en documents HTML.
| Millor experiència d'usuari: | CSS fa que una pàgina web sigui molt atractiva als ulls. A més, CSS el fa fàcil d'utilitzar. Quan el botó o el text té un format adequat, millora l'experiència de l'usuari.
| Temps de desenvolupament més ràpid: | Amb l'ajuda de CSS, podem especificar el format i l'estil de diverses pàgines en una cadena de codi. En el full d'estil en cascada, podem fer una còpia duplicada de diverses pàgines del lloc web.
Si fem una pàgina web, té el mateix format, aspecte i sensació, així que amb l'ajuda de la regla CSS per a una pàgina, és suficient per a totes les pàgines.
| Canvis de format fàcil: | En CSS, si hem de fer canvis en el format, és molt fàcil; només hem de canviar el format d'una pàgina que s'aplicarà automàticament a les altres pàgines de CSS.
No cal corregir pàgines individuals en un full d'estil CSS. Si arreglem un full d'estil CSS, automàticament actualitzarà l'altre full d'estil CSS.
| Compatibilitat: | La compatibilitat és molt important en l'època actual. Si creem qualsevol pàgina web, hauria de ser molt sensible i fàcil d'utilitzar. CSS s'utilitza amb HTML per fer que el disseny de pàgines web respongui.
Per què utilitzem CSS?
Com tots sabem, CSS és un potent llenguatge de fulls d'estil utilitzat per controlar el document HTML per millorar el disseny de la pàgina web.
| CSS proporciona eficiència en el disseny de pàgines web: | També proporciona actualitzacions perquè la nostra pàgina web funcioni correctament. Amb l'ajuda de CSS, podem crear i aplicar aquestes regles dins del lloc web. Si creem un disseny de pàgina web per separat, podem fer canvis al nostre full d'estil, i afectarà tots els fulls d'estil.
| CSS proporciona una descàrrega de pàgines més ràpida: | CSS ajuda a una descàrrega de pàgines més ràpida perquè quan descarreguem una pàgina, obtenim la memòria cau que ajuda a carregar una pàgina, però amb l'ajuda de CSS, podem portar a carregar una pàgina més lleugera que ajuda a millorar el rendiment.
| CSS és fàcil de treballar: | En CSS, podem separar l'aspecte visual del lloc web completament del contingut; utilitzant CSS, podem crear un lloc web que ens permeti fer layou0074 ràpid.
Exemple de CSS
body { background-color: lightblue; } h1 { colour: white; text-align: center; } p { font-family: Verdana; font-size: 20px; } <p>This paragraph will be red</p> <p id="center">This paragraph will be pink and center-aligned</p> Fons CSS
En CSS, tenim diferents maneres d'afectar els documents HTML. N'hi ha alguns dels següents:
| Color: | S'utilitza per canviar els colors de fons.
| Repetiu: | S'utilitza per comprovar si una imatge s'ha de repetir. En cas afirmatiu, us dirà com fer-ho.
| Imatge: | S'utilitza per posar la imatge al fons.
| Posició: | Determina la posició d'una imatge en CSS.
Frontera CSS
S'utilitza per configurar la vora dels elements HTML. Hi ha algunes propietats principals per a la configuració de la vora en elements HTML:
| Amplada: | Ajuda a establir l'amplada de les vores.
| Estil: | Ajuda a establir l'estil de les vores.
| Color: | Ajuda a establir el color de les vores.
| Radi: | Ajuda a establir el radi de la vora.
Podem establir la vora des de la dreta , la part superior, la inferior i l'esquerra. Per exemple: amplada de la vora = 2px, 5px;
