CÓMO UTILIZAR CSS EN PHP ECHO

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

Es posible que 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á en detalle todas las posibilidades en este artículo.



Como nuestro artículo titulado 'Cómo usar CSS en Php echo', le diremos cómo hacerlo, pero también le diremos los métodos alternativos.

Entonces, primero veamos el CSS utilizado directamente dentro del eco y luego los métodos alternativos. Como sabemos, CSS puede estar incrustado en el documento html, en una hoja de estilo externa o dentro de la etiqueta que se llama CSS en línea.

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

 

Incrustar CSS en un documento html

A medida que devolvemos un código html con PHP echo, ¿podemos devolver CSS junto con él? Tenga en cuenta que actualmente no estamos hablando de CSS en línea, que sería nuestro tercer método. Vea el siguiente ejemplo

 

<!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 estamos haciendo es devolver todo el código fuente del documento html dentro de la declaración Php echo.

No discutiremos si es una buena o mala práctica, 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>

 

Vinculación a una hoja de estilo externa dentro de PHP echo

Ahora la segunda opción es si es posible vincular el código html devuelto por eco 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 hemos vinculado a una hoja de estilo pública externa solo con fines de aprendizaje. También puede ver \ antes de las comillas dobles. Como las comillas son en su mayoría parte de Php, hemos usado una barra inclinada antes para decirle a Php que lo ignore.

 

Agregar CSS en línea a las etiquetas html dentro de echo

Esta es la tercera posibilidad que hemos enumerado. Espero que esto haya sido sencillo. Escribamos el código anterior en CSS en línea.

 

<!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 hemos agregado \ antes de las comillas dobles dentro de echo.

 

METODOS ALTERNATIVOS

Agregue su CSS deseado en el documento html o en la hoja de estilo externa principal de su sitio web. Si los elementos html se dirigen específicamente al uso de clases e identificadores: también se pueden agregar a los elementos dentro del método de eco. Solo tenga cuidado con \ antes de las comillas dobles o simples.

Eso es todo por hoy. Espero que hayas podido aprender “Cómo usar css en php echo”. Como siempre, los comentarios y sugerencias son bienvenidos. Te deseo todo lo mejor y adiós.