كيفية استخدام CSS في PHP ECHO

في هذه المقالة ، ستتعلم 'كيفية استخدام CSS في صدى PHP'.

ربما تعلم بالفعل أنه يمكن استخدام طريقة PHP echo لإرجاع html إلى المتصفح.

ولكن هل تساءلت يومًا ما إذا كان بإمكانها إرجاع CSS؟ الجواب نعم ولكنك ستتعلم بالتفصيل كل الاحتمالات في هذه المقالة.



مثل مقالنا بعنوان 'كيفية استخدام CSS في Php echo' ، سنخبرك بكيفية القيام بذلك ولكننا سنخبرك أيضًا بالطرق البديلة.

لذلك ، دعنا أولاً نرى CSS المستخدم مباشرة داخل الصدى ثم الطرق البديلة. كما نعلم ، قد يتم تضمين CSS إما في مستند html أو في ورقة أنماط خارجية أو داخل العلامة التي تسمى CSS المضمنة.

لذا ، دعنا نرى كيف يمكننا القيام بكل ذلك باستخدام ارتداد Php.

تضمين CSS في مستند html

عندما نعيد بعض أكواد html مع PHP echo ، هل يمكننا إرجاع CSS معها؟ يرجى ملاحظة أننا لا نتحدث حاليًا عن CSS المضمنة والتي ستكون طريقتنا الثالثة. انظر المثال أدناه

<!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>

ما نقوم به هو إعادة مصدر مستند html بالكامل داخل بيان ارتداد Php.

لن نناقش ما إذا كانت ممارسة جيدة أم سيئة ولكن يمكنك تبسيطها عن طريق حذف علامات الرأس والجسم. انظر نفس الرمز أدناه.

<!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>

الربط بورقة أنماط خارجية داخل صدى PHP

الآن الخيار الثاني هو ما إذا كان من الممكن ربط كود html الذي يتم إرجاعه بواسطة echo إلى ورقة أنماط خارجية. الجواب نعم. يوجد أدناه مثال.

<!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>

يمكنك أن ترى أننا قمنا بالربط بورقة أنماط عامة خارجية لأغراض التعلم فقط. يمكنك أيضًا مشاهدة \ قبل علامات الاقتباس المزدوجة. نظرًا لأن الاقتباسات هي في الغالب جزء من Php ، فقد استخدمنا الشرطة المائلة قبلها لنخبر Php بتجاهلها.

إضافة CSS مضمنة إلى علامات html داخل echo

هذا هو الاحتمال الثالث الذي ذكرناه. آمل أن يكون هذا واضحًا. دعنا نكتب الكود أعلاه في CSS المضمنة.

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

يرجى ملاحظة أننا قمنا أيضًا بإضافة \ قبل علامات الاقتباس المزدوجة داخل الصدى.

طرق بديلة

أضف CSS الذي تريده في مستند html أو ورقة الأنماط الخارجية الرئيسية لموقعك على الويب. إذا كانت عناصر html مستهدفة على وجه التحديد باستخدام الفئات والمعرفات: يمكن أيضًا إضافتها إلى العناصر الموجودة داخل طريقة echo. فقط اعتني بعلامة \ قبل الاقتباس المزدوج أو الفردي.

هذا كل شيء لهذا اليوم. آمل أن تكون قادرًا على تعلم 'كيفية استخدام css في php echo'. كالعادة ، التعليقات والاقتراحات مرحب بها أتمنى لكم كل التوفيق وداعا.