Cómo utilizar plantillas CSS

Cascading Style Sheets (CSS) plantillas son un gran ahorro de tiempo en la creación de páginas Web compatible con los estándares. CSS le permite asignar reglas para el control de porciones específicas de sus páginas, como texto o márgenes, y una gran cantidad de derivación de la codificación HTML que puede ralentizar carga la página. Puede utilizar plantillas CSS confeccionadas con sólo une el archivo CSS a sus documentos HTML y ahorrarse de tener que hacer todo el trabajo de configuración inicial.


Cosas que necesitará

  • plantilla CSS
  • editor de texto HTML, como BBEdit o Dreamweaver
  • Servidor web
  • Protocolo de transferencia de archivos (FTP) aplicación (opcional)
  • Video: Bootstrap | ¿Cómo usar Plantillas Gratuitas de Bootstrap 4?

    Obtener una plantilla CSS desde un editor de texto HTML, como Dreamweaver, o localizar una plantilla de terceros en la Web que las licencias de la obra para su distribución (ver Recursos).

  • Video: Como hacer una plantilla básica con PHP (templates)

    Crear un archivo HTML o abrir uno existente en su editor de texto.

  • Un nombre y guardar el archivo CSS con la extensión ".css" y subirlo a su servidor Web. Coloque el documento en la misma carpeta que los otros archivos Web. Utilizar una aplicación FTP, como Fetch, para cargar el archivo, o seguir las instrucciones de su proveedor de alojamiento web para este proceso.

  • Busque el ". "Etiquetas en el documento HTML y colocar un enlace al archivo CSS en medio de estos dos elementos Esta tarea asigna las reglas de formato a su documento. Por ejemplo:

  • Video: Como hacer botones Flat usando iconos con CSS

    Abra su archivo CSS y hacer los ajustes regla de estilo, como el estilo de fuente o el color de fondo, si se prefiere. Ubicar la regla específica y cambiar el valor que se encuentra tras los dos puntos. Por ejemplo, si el color de la fuente se fija actualmente a gris y desea que sea negro, el cambio "{color: gris}" a "{color: negro}".

  • Video: Como crear plantilla con CSS (parte-I)

    Ahorrar los archivos HTML y CSS y lanzar un navegador web, como Safari o Internet Explorer, para previsualizar la página. Utilice la función "Abrir archivo" de su navegador para seleccionar el archivo e iniciar la página.

Artículos Relacionados