0

tutoriales css



tutoriales css

tutoriales css completo, teórico y práctico sobre hojas de estilo en cascada (CSS, acrónimo de Cascading Style Sheets). Aprende a utilizar este lenguaje que te ayudará a crear páginas más atractivas y precisas, mantenibles y optimizadas.

En este tutorial cubrimos los aspectos más básicos del lenguaje, el por qué de su existencia, usos, sintaxis, atributos para crear estilos en los diversos elementos de la página, etc.

Finalizamos con una serie de artículos más avanzados para ir un poco más allá y saber por dónde podemos continuar en el aprendizaje del lenguaje y cómo podemos usarlo para crear sitios web más atractivos y optimizados.

Lista de manuales css español

 

 

mas tutoriales de informatica y programacion

Temas mas vistos

aprende a editar el CSS de tu sitio

 

La edición del CSS de tu sitio es una manera fantástica de personalizar tu sitio. El CSS (Cascading Style Sheet por su nombre en ingles) es un conjunto de reglas o lenguaje de código que determina la forma en que tu página web va a verse. Al tener acceso al CSS de tu sitio, tú puedes ajustar los códigos CSS de tu sitio para así obtener la apariencia perfecta.
Estos son algunos pasos generales sobre como esto funciona:
  1. Puedes hacer clic en Estilo > Editar el CSS personalizado o también puedes hacer clic en Sitios > Ajustes de sitio > Contenido > CSS del sitio.
  2. Luego se abrirá la ventana de dialogo del CSS con las anulaciones de CSS del sitio en el lado izquierdo. En el lado derecho podrás ver una pestaña de “Vista previa” (para ver los cambios), CSS del sitio (para ver los códigos CSS que se están utilizando por defecto) y Código HTML del sitio (para ver los códigos HTML que se están utilizando por defecto).
  3. Navega hacia la pestaña de CSS del sitio y localiza en código que deseas alterar. Como regla general, verás cosas como:
    • body {el código va aquí}  – Esto controla el área principal de contenido – la forma en que esta configurada, los valores predeterminados utilizados para el tamaño, tipo y color de letra.
    • #sys_banner {el código va aquí} – Esto determina el tamaño del área de banner que es utilizada.
    • #menu {el código va aquí} – Esto esta relacionado con tu menú de navegación, el tipo de letra, tamaño y color que son utilizados.
  4. Copia esa sección de código y pégalo en el panel de “Anulaciones de CSS del sitio” a mano izquierda.
  5. Realiza los ajustes necesarios.
  6. Utilicemos como ejemplo en código del banner. Podemos alterar el tamaño del banner para que sea un poco mas angosto y un poco mas alto. El código que necesitamos cambiar es el siguiente:
    • #sys_banner {
      width: 954px;
      height: 183px;
      margin: 0 auto;
      position:relative;

      }

      En el CSS del sitio pega lo siguiente:

      #sys_banner {
      width: 800px;
      height: 200px;

      }

      Esto debería de modificar el tamaño del área de tu banner.

  7. En la parte inferior de tu ventana de dialogo, desmarca la casilla al lado de “Desactivar las anulaciones del CSS del sitio”.
  8. Haz clic en la pestaña “Vista previa” para ver los cambios.
  9. Una vez que hayas terminado de realizar los ajustes que deseas, haz clic en “Aceptar”. Luego podrás ver los cambios aplicados en tu sitio.

curso online desarrollo web google

ShareTweetPin0shares COMPRA SISTEMAS INFORMATICOS PREMIUM AQUICodigo premium aqui curso online desarrollo web google ¿A quién va dirigido este curso de desarrollo web de Google? curso online desarrollo web google Este curso va dirigido a todas aquellas personas afines al tema del desarrollo… Continuar leyendo

comparte con tus amigos
0 comentarios

bootstrap tutorial desde cero

Share Tweet Pin 0shares COMPRA SISTEMAS INFORMATICOS PREMIUM AQUICodigo premium aqui Bootstrap desde cero bootstrap tutorial desde cero En este tutorial aprenderemos a dar los primeros pasos en bootstrap 4 para crear páginas web que se adapten a cualquier tamaño de pantalla… Continuar leyendo

comparte con tus amigos
0 comentarios

tutoriales cms

Share Tweet Pin 0shares COMPRA SISTEMAS INFORMATICOS PREMIUM AQUICodigo premium aqui tutoriales cms tutoriales cms . Un sistema de gestión de contenidos (CMS), es un programa informático que nos ayuda en la creación y modificación de contenidos digitales. Lista de… Continuar leyendo

comparte con tus amigos
0 comentarios

tutoriales css

Share Tweet Pin 0shares COMPRA SISTEMAS INFORMATICOS PREMIUM AQUICodigo premium aqui tutoriales css tutoriales css completo, teórico y práctico sobre hojas de estilo en cascada (CSS, acrónimo de Cascading Style Sheets). Aprende a utilizar este lenguaje que te ayudará a… Continuar leyendo

comparte con tus amigos
0 comentarios

Aprendiendo a hacer un slideshow responsive con HTML5 + Bootstrap

Share Tweet Pin 0shares COMPRA SISTEMAS INFORMATICOS PREMIUM AQUICodigo premium aqui Aprendiendo a hacer un slideshow responsive con HTML5 + Bootstrap Aprendiendo a hacer un slideshow responsive con HTML5 + Bootstrap .  un slideshow consiste en una sucesión de varias… Continuar leyendo

comparte con tus amigos
0 comentarios

Creación de formularios con Material Design

Share Tweet Pin 0shares COMPRA SISTEMAS INFORMATICOS PREMIUM AQUICodigo premium aqui Creación de formularios con Material Design Creación de formularios con Material Design  al combinar las mejores prácticas de diseño clásico y de implementación de efectos originales e innovadores, nos… Continuar leyendo

comparte con tus amigos
0 comentarios

primeros pasos con html5 y css3

Share Tweet Pin 0shares COMPRA SISTEMAS INFORMATICOS PREMIUM AQUICodigo premium aqui primeros pasos con html5 y css3 primeros pasos con html5 y css3 HTML (HyperText Markup Language) o lenguaje de marcas de hipertexto, es el estándar utilizado para la elaboración… Continuar leyendo

comparte con tus amigos
0 comentarios

efectos texto 3d con css

Share Tweet Pin 0shares COMPRA SISTEMAS INFORMATICOS PREMIUM AQUICodigo premium aqui efectos texto 3d con css efectos texto 3d con css , Los profesionales que trabajamos en diseño y desarrollo de sitios web siempre estamos buscando maneras de atraer las miradas… Continuar leyendo

comparte con tus amigos
0 comentarios

Crear acordión con Material Design

Share Tweet Pin 0shares COMPRA SISTEMAS INFORMATICOS PREMIUM AQUICodigo premium aqui Crear acordión con Material Design Crear acordión con Material Design , los acordiones son una de las formas más populares de organizar información y luego utilizando distintos efectos podemos… Continuar leyendo

comparte con tus amigos
0 comentarios






comparte con tus amigos

codigo fuente

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *