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.
¡Hola a todos! Este soy yo, Marcel, también conocido como Masha. ¡Obtengo ingresos de tiempo completo en línea y en MaschiTuts y estoy emocionado de compartir con ustedes cómo me mantengo en la cima! Dirijo varios blogs y sitios web lucrativos y me gusta hablar sobre estos proyectos cuando tengo la oportunidad. Hago esto con todo mi corazón. De hecho, el momento en que dejé de trabajar de 8 a 5 y me encontré en un negocio en línea como emprendedor digital fue probablemente una de las mejores decisiones que he tomado en mi vida. ¡Quiero estar seguro de que tú también irás por este camino! Que nadie te diga que es imposible. El cielo es el límite, de verdad... ¡solo si crees en él! Y todo comienza aquí... ¡en Maschiuts!
Deja una respuesta