Consejos

Cómo usar CSS en PHP ECHO

En este artículo aprenderá «Cómo usar CSS en PHP echo».

Probablemente ya sepa que el método de eco de PHP se puede usar para devolver html al navegador.

Pero, ¿alguna vez te has preguntado si puede devolver CSS? La respuesta es sí, pero aprenderás más sobre todas las posibilidades en este artículo.

Como en nuestro artículo titulado «Cómo usar CSS en Php echo», te mostraremos cómo hacerlo, pero también te mostraremos alternativas.

Entonces, primero veamos el CSS usado directamente en echo, y luego las alternativas. Como sabemos, CSS se puede incrustar en un documento html, en una hoja de estilo externa o en un marcado llamado CSS en línea.

Entonces, veamos cómo hacer todo esto con Php echo.

Incrustar CSS en un documento html

Cuando devolvemos algún código html con PHP echo, ¿podemos devolver CSS? Tenga en cuenta que actualmente no estamos hablando de CSS incrustado, que sería nuestro tercer enfoque. Vea el ejemplo a continuación.

<!DOCTYPE html>
<html>
<body>
<?php
echo "
<html>
<head>
<style>
h1 {
  color: maroon;
  margin-left: 40px;
}
</style>
</head>
<body>
<h1>How to use CSS in Php echo</h1>
</body>
</html>
";
?> 
</body>
</html>

Lo que hacemos es devolver todo el origen del documento html a una declaración de eco Php.

No discutiremos si este es un buen o mal hábito, pero puede simplificarlo omitiendo las etiquetas de cabeza y cuerpo. Vea el mismo código a continuación.

<!DOCTYPE html>
<html>
<body>
<?php
echo "
<style>
h1 {
  color: maroon;
  margin-left: 40px;
}
</style>
<h1>How to use CSS in Php echo</h1>
";
?> 
</body>
</html>

Enlace a hoja de estilo externa en PHP echo

Ahora la segunda opción es posible conectar el código html devuelto por echo a una hoja de estilo externa. La respuesta es sí. A continuación se muestra un ejemplo.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<?php
echo 
"
<link rel="stylesheet" type="text/css" href="https://www.w3schools.com/w3css/4/w3.css" >
<h1>How to use CSS in Php echo</h1>
";
?> 
</body>
</html>

Puede ver que vinculamos a hojas de estilo públicas externas solo con fines educativos. También puede ver antes de comillas dobles. Debido a que las comillas son en su mayoría parte de Php, usamos una barra delante de ellas para decirle a Php que las ignore.

Agregue CSS incorporado a las etiquetas html en echo

Esta es la tercera opción que hemos enumerado. Espero que sea sencillo. Escribamos el código anterior con CSS incorporado.

<!DOCTYPE html>
<html>
<body>
<?php
echo "
<h1 style="color: maroon;margin-left: 40px">How to use CSS in Php echo</h>
";
?> 
</body>
</html>

Tenga en cuenta que también agregamos antes de las comillas dobles en echo.

método alternativo

Agregue el CSS requerido al documento html o la hoja de estilo externa principal del sitio web. Si los elementos html están especialmente organizados usando clases e identificadores: también se pueden agregar a elementos dentro del método echo. Solo preste atención a antes de las comillas dobles o simples.

Eso es todo por hoy. Espero que hayas aprendido «cómo usar css con php echo». Como siempre, los comentarios y sugerencias son bienvenidos. Te deseo todo lo mejor, adiós.

Deja una respuesta

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

Botón volver arriba