Šiame straipsnyje jūs išmoksite „Kaip naudoti CSS PHP echo“.
Galbūt jau žinote, kad PHP echo metodas gali būti naudojamas norint grąžinti html į naršyklę.
Bet ar kada susimąstėte, ar jis gali grąžinti CSS? Atsakymas yra taip, bet jūs išsamiai išmoksite visas šiame straipsnyje pateiktas galimybes.
Kaip mūsų straipsnyje pavadinimu „Kaip naudoti CSS naudojant Php echo“, mes jums pasakysime, kaip tai padaryti, bet taip pat papasakosime apie alternatyvius metodus.
Taigi, pirmiausia pažiūrėkime CSS, naudojamą tiesiai echo viduje, o tada alternatyvius metodus. Kaip žinome, CSS gali būti įterptas į html dokumentą, išorinį stiliaus lapą arba žymą, kuri vadinama tiesioginiu CSS.
Taigi, pažiūrėkime, kaip visa tai galime padaryti naudodami „Php echo“.
CSS įterpimas į html dokumentą
Kai grąžiname tam tikrą html kodą su PHP echo, ar galime kartu su juo grąžinti CSS? Atminkite, kad šiuo metu mes nekalbame apie tiesioginį CSS, kuris būtų trečiasis mūsų metodas. Žiūrėkite žemiau esantį pavyzdį
<!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>
Tai, ką mes darome, yra grąžinti visą html dokumento šaltinį Php echo sakinyje.
Nediskutuosime, ar tai gera praktika, ar bloga, bet galite ją supaprastinti praleisdami galvos ir kūno žymas. Žiūrėkite tą patį kodą žemiau.
<!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>
Susiejimas su išoriniu stilių lapu PHP echo
Dabar antras variantas, ar galima echo grąžintą html kodą susieti su išoriniu stilių lapu. Atsakymas yra Taip. Žemiau yra pavyzdys.
<!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>
Matote, kad tik mokymosi tikslais susiejome su išoriniu viešu stilių lapu. Taip pat prieš dvigubas kabutes galite matyti \. Kadangi kabutės dažniausiai yra Php dalis, prieš ją naudojome pasvirąjį brūkšnį, kad nurodytume Php jo nepaisyti.
Inline CSS įtraukimas į html žymas „echo“.
Tai yra trečioji mūsų išvardyta galimybė. Tikiuosi, kad tai buvo paprasta. Parašykime aukščiau esantį kodą į eilutę CSS.
<!DOCTYPE html> <html> <body> <?php echo " <h1 style=\"color: maroon;margin-left: 40px\">How to use CSS in Php echo</h> "; ?> </body> </html>
Atkreipkite dėmesį, kad mes taip pat įtraukėme \ prieš dvigubas kabutes echo viduje.
ALTERNATYVIEJI METODAI
Pridėkite norimą CSS į savo svetainės HTML dokumentą arba pagrindinį išorinį stiliaus lapą. Jei html elementai yra konkrečiai taikomi naudojant klases ir ID: juos taip pat galima pridėti prie elementų naudojant aido metodą. Tiesiog pasirūpinkite \ prieš dvigubas ar pavienes kabutes.
Tai viskas šiai dienai. Tikiuosi, kad jums pavyko išmokti „Kaip naudoti css php echo“. Kaip visada, laukiami komentarai ir pasiūlymai. Linkiu tau viso ko geriausio ir iki gero.
