Curs complet CSS: inclou tutorials Flexbox i CSS Grid

Bloc

Curs complet CSS: inclou tutorials Flexbox i CSS Grid

Apreneu CSS en aquest curs complet de tutoria. Els fulls d'estil en cascada (CSS) indiquen al navegador com mostrar el text i altres continguts que escriviu en HTML.



Aquest curs us ensenyarà tot el que heu de saber per començar a utilitzar CSS3, inclosos la flexbox i la graella CSS.

com comprar xinfin

⭐️Contingut del curs ⭐️
⌨️ (0:00:00) Introducció
⌨️ (0:01:25) Canvieu el color del text
⌨️ (0:02:33) Utilitzeu els selectors CSS per estilitzar els elements
⌨️ (0:04:33) Utilitzeu una classe CSS per donar estil a un element
⌨️ (0:06:10) Estilitza diversos elements amb una classe CSS
⌨️ (0:06:59) Canvieu la mida del tipus de lletra d'un element
⌨️ (0:08:10) Definiu la família de tipus de lletra d'un element
⌨️ (0:08:52) Importeu un tipus de lletra de Google
⌨️ (0:10:11) Especifiqueu com s'han de degradar els tipus de lletra
⌨️ (0:11:55) Mida les teves imatges
⌨️ (0:13:19) Afegiu vores al voltant dels vostres elements
⌨️ (0:14:55) Afegiu cantonades arrodonides amb radi de vora
⌨️ (0:15:24) Feu imatges circulars amb un radi de vora
⌨️ (0:15:55) Doneu un color de fons a un element div
⌨️ (0:16:58) Definiu l'identificador d'un element
⌨️ (0:17:47) Utilitzeu un atribut d'identificador per donar estil a un element
⌨️ (0:19:34) Ajusteu el farciment d'un element
⌨️ (0:20:36) Ajusteu el marge d'un element
⌨️ (0:21:11) Afegiu un marge negatiu a un element
⌨️ (0:21:40) Afegiu diferents farcits a cada costat d'un element
⌨️ (0:22:26) Afegiu diferents marges a cada costat d'un element
⌨️ (0:23:01) Utilitzeu la notació en sentit horari per especificar el farciment d'un element
⌨️ (0:24:15) Utilitzeu la notació en sentit horari per especificar el marge d'un element
⌨️ (0:25:08) Utilitzeu selectors d'atributs per a elements d'estil
⌨️ (0:27:29) Comprendre les unitats absolutes versus les unitats relatives
⌨️ (0:28:53) Estilitzeu l'element del cos HTML
⌨️ (0:29:34) Hereta els estils de l’element del cos
⌨️ (0:30:54) Prioritza un estil per sobre d'un altre
⌨️ (0:32:11) Substitueix els estils en CSS posteriors
⌨️ (0:33:24) Substitueix les declaracions de classe per atributs d'identificació d'estil
⌨️ (0:34:59) Substitueix les declaracions de classe amb estils en línia
⌨️ (0:35:35) Substitueix tots els altres estils mitjançant Important
⌨️ (0:36:28) Utilitzeu el codi hexadecimal per a colors específics
⌨️ (0:37:19) Feu servir el codi hexadecimal per barrejar colors
⌨️ (0:38:20) Utilitzeu un codi hexadecimal abreujat
⌨️ (0:39:22) Utilitzeu valors RGB per a elements de color
⌨️ (0:40:05) Feu servir RGB per barrejar colors
⌨️ (0:41:38) Utilitzeu les variables CSS per canviar diversos elements alhora
⌨️ (0:42:54) Creeu una variable CSS personalitzada
⌨️ (0:43:33) Utilitzeu una variable CSS personalitzada
⌨️ (0:44:39) Adjunteu un valor alternatiu a una variable CSS
⌨️ (0:45:25) Variables CSS en cascada
⌨️ (0:46:44) Canvieu una variable per a una àrea específica
⌨️ (0:47:08) Utilitzeu una consulta multimèdia per canviar una variable
⌨️ (0:48:06) Creeu la vostra primera quadrícula CSS
⌨️ (0:48:49) Afegiu columnes amb quadrícula-plantilla-columnes
⌨️ (0:49:43) Afegiu files amb quadrícula-plantilla-files
⌨️ (0:50:41) Utilitzeu unitats de quadrícula CSS per canviar la mida de les columnes i les files
⌨️ (0:52:34) Creeu una bretxa de columna mitjançant la graella-columna-bretxa
⌨️ (0:53:11) Creeu una bretxa de fila mitjançant la graella-fila-bretxa
⌨️ (0:53:38) Afegiu llacunes més ràpidament amb la bretxa
⌨️ (0:54:26) Utilitzeu la columna quadrícula per controlar l'espaiat
⌨️ (0:55:59) Utilitzeu la fila de la quadrícula per controlar l'espaiat
⌨️ (0:56:43) Alineeu un element horitzontalment amb justify-self
⌨️ (0:57:33) Alineeu un element verticalment mitjançant align-self
⌨️ (0:58:04) Alineeu tots els articles horitzontalment amb justify-items
⌨️ (0:58:31) Alineeu tots els elements verticalment mitjançant alinear-elements
⌨️ (0:58:58) Divideix la quadrícula en una plantilla d'àrea
⌨️ (0:59:59) Col·loqueu els elements a les zones de quadrícula mitjançant la propietat de l'àrea de quadrícula
⌨️ (1:01:00) Utilitzeu l'àrea de quadrícula sense crear una plantilla d'àrees
⌨️ (1:02:43) Reduïu la repetició mitjançant la funció de repetició
⌨️ (1:04:51) Limiteu la mida de l'element mitjançant la funció minmax
⌨️ (1:05:47) Creeu dissenys flexibles mitjançant l'emplenament automàtic
⌨️ (1:06:39) Creeu dissenys flexibles mitjançant l'ajust automàtic
⌨️ (1:07:32) Utilitzeu consultes de suports per crear dissenys responsius
⌨️ (1:09:05) Creeu quadrícules dins de les quadrícules
⌨️ (1:09:49) Utilitzeu la pantalla: flex per col·locar dues caixes
⌨️ (1:10:20) Afegiu els superpoders Flex al Tweet Insert
⌨️ (1:11:04) Utilitzeu la propietat flex-direction per fer una fila
⌨️ (1:11:54) Apliqueu la propietat flex-direction per crear files al Tweet Insert
⌨️ (1:12:39) Utilitzeu la propietat flex-direction per fer una columna
⌨️ (1:13:06) Apliqueu la propietat de direcció de flexió per crear una columna a la inserció del tuit
⌨️ (1:13:44) Alinea els elements mitjançant la propietat justify-content
⌨️ (1:15:49) Utilitzeu la propietat justify-content al Tweet Insert
⌨️ (1:16:33) Alinea els elements mitjançant la propietat align-items
⌨️ (1:18:00) Utilitzeu la propietat align-items al Tweet Insert
⌨️ (1:18:42) Utilitzeu la propietat flex-wrap per ajustar una fila o una columna
⌨️ (1:19:21) Utilitzeu la propietat flex-shrink per reduir els articles
⌨️ (1:20:14) Utilitzeu la propietat flex-grow per ampliar elements
⌨️ (1:21:14) Utilitzeu la propietat flex-base per definir la mida inicial d'un element
⌨️ (1:22:02) Utilitzeu la propietat de taquigrafia flex
⌨️ (1:23:40) Feu servir l'ordre Propietat per reorganitzar els elements
⌨️ (1:24:15) Utilitzeu la propietat align-self



per què no funciona ràpidament

#css #webdev

www.youtube.com

Curs complet CSS: inclou tutorials Flexbox i CSS Grid

Apreneu CSS en aquest curs complet de tutoria. Els fulls d'estil en cascada (CSS) indiquen al navegador com mostrar el text i altres continguts que escriviu en HTML. Aquest curs us ensenyarà tot el que heu de saber per començar a utilitzar CSS3, inclosos la flexbox i la graella CSS.