V tomto článku sa naučíte „Ako používať CSS v PHP echo“.
sarah geronimo najnovší informačný panel
Možno už viete, že metóda PHP echo sa dá použiť na vrátenie html do prehliadača.
Premýšľali ste však niekedy nad tým, či dokáže vrátiť CSS? Odpoveď je áno, ale v tomto článku sa podrobne dozviete o všetkých možnostiach.
Keďže náš článok s názvom „Ako používať CSS v Php echo“, povieme vám, ako to urobiť, ale povieme vám aj alternatívne metódy.
Pozrime sa teda najprv na CSS použité priamo vo vnútri echa a potom na alternatívne metódy. Ako vieme, CSS môže byť buď vložené do html dokumentu, do externej šablóny so štýlmi alebo do značky, ktorá sa nazýva inline CSS.
Pozrime sa teda, ako to všetko môžeme urobiť pomocou Php echo.
Vloženie CSS do html dokumentu
Keď vrátime nejaký html kód s PHP echo, môžeme spolu s ním vrátiť CSS? Upozorňujeme, že v súčasnosti nehovoríme o inline CSS, čo by bola naša tretia metóda. Pozrite si príklad nižšie
<!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>
Čo robíme, je vrátenie celého zdroja html dokumentu do príkazu Php echo.
Nebudeme diskutovať o tom, či je to dobrý alebo zlý postup, ale môžete si to zjednodušiť vynechaním štítkov na hlave a tele. Pozrite si rovnaký kód nižšie.
Sobral Santos útok na rieku Amazon
<!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>
Prepojenie s externým štýlom v rámci PHP echo
Teraz druhá možnosť, či je možné prepojiť html kód vrátený echom s externým štýlom. Odpoveď je áno. Nižšie je uvedený príklad.
<!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>
ako nájsť priateľov na Facebooku na Twitteri
Môžete vidieť, že sme sa prepojili s externou verejnou šablónou so štýlmi len na vzdelávacie účely. Môžete tiež vidieť \ pred dvojitými úvodzovkami. Keďže úvodzovky sú väčšinou súčasťou PHP, použili sme pred ním lomítko, aby sme povedali PHP, aby ho ignoroval.
Pridanie inline CSS do html značiek v rámci echo
Toto je tretia možnosť, ktorú sme vymenovali. Dúfam, že to bolo jednoduché. Napíšme vyššie uvedený kód v inline CSS.
<!DOCTYPE html> <html> <body> <?php echo " <h1 style=\"color: maroon;margin-left: 40px\">How to use CSS in Php echo</h> "; ?> </body> </html>
Upozorňujeme, že sme tiež pridali \ pred dvojité úvodzovky vo vnútri ozveny.
ALTERNATÍVNE METÓDY
Pridajte požadovaný CSS do html dokumentu alebo hlavného externého štýlu vašej webovej stránky. Ak sú prvky html špecificky zacielené pomocou tried a identifikátorov: Môžu byť tiež pridané k prvkom vo vnútri metódy echo. Len sa postarajte o \ pred dvojitými alebo jednoduchými úvodzovkami.
To je na dnes všetko. Dúfam, že ste sa mohli naučiť „Ako používať css v php echo“. Ako vždy, pripomienky a návrhy sú vítané. Prajem všetko dobré a zbohom.