كس (أوراق الأنماط المتتالية) هي لغة نمط تسمح لك بتعيين مظهر عناصر صفحة الويب. يسمح لك بتغيير اللون والحجم والخطوط والمزيد ، مما يجعل موقع الويب أكثر جاذبية للمستخدمين.
فب (معالج النص التشعبي) هي لغة برمجة مستخدمة على نطاق واسع مصممة خصيصا لتطوير تطبيقات الويب وصفحات الويب الديناميكية. يسمح لك بإجراء عمليات مختلفة مثل معالجة النماذج والوصول إلى قاعدة البيانات والمزيد.
في هذه المقالة ، سوف ننظر في كيفية توصيل أنماط كس في فب واستخدامها لتصميم صفحة ويب. سوف نتخذ بعض الخطوات البسيطة لمساعدتك على البدء في استخدام كس في مشاريع فب الخاص بك.
- ربط أنماط كس في فب
- ما هو فب والمغلق?
- لماذا أحتاج إلى تمكين أنماط كس في فب?
- خطوات لربط أنماط كس في فب
- الخطوة 1: إنشاء ملف كس
- الخطوة 2: إنشاء ملف فب
- الخطوة 3: توصيل ملف كس إلى ملف فب
- الخطوة 4: التحقق من اتصال أنماط كس
- سؤال وجواب
- ما هي الطرق لربط أنماط كس في فب?
- الطريقة التي لربط ملفات المغلق هو أفضل لاستخدامها في فب?
- كيف يمكنني توصيل ملفات كس متعددة في فب?
- كيف يمكنني تمكين أنماط كس المضمنة في فب?
ربط أنماط كس في فب
بي إتش بي هي لغة برمجة تسمح لك بإنشاء صفحات ويب ديناميكية. أحد الجوانب المهمة لإنشاء هذه الصفحات هو القدرة على توصيل أنماط كس.
يمكنك توصيل أنماط كس في فب باستخدام علامة. تسمح لك هذه العلامة بتحديد المسار إلى ملف أنماط كس وتطبيقه على الصفحة.
لتوصيل أنماط كس في فب ، تحتاج إلى استخدام التعليمات البرمجية التالية:
أين " المسار إلى الملف.كس " هو المسار النسبي لملف أنماط كس ، والذي يقع في نفس الدليل مثل ملف فب.
يمكنك أيضا تحديد المسار المطلق للملف إذا كان موجودا في دليل آخر:
إذا كان ملف الأنماط موجودا في الدليل أعلاه ، فيمكنك استخدامه"../ "لتحديد المسار:
ربط أنماط كس يسمح لك لتصميم صفحات الويب وفقا لتصميم معين. هذا يجعل الصفحات أكثر جاذبية وسهولة في الاستخدام.
باستخدام فب ، يمكنك إنشاء صفحات ديناميكية حيث يمكن أن تتغير أنماط كس اعتمادا على الظروف أو إدخال المستخدم.
ما هو فب والمغلق?
فب (معالج النص التشعبي) هي لغة برمجة نصية تستخدم لإنشاء صفحات ويب ديناميكية. فب يسمح لك لتضمين التعليمات البرمجية مباشرة في ملفات هتمل ، والذي يسمح لك لإنشاء مجموعة متنوعة من تطبيقات الويب والعمل مع قواعد البيانات.
كس (أوراق الأنماط المتتالية) هي لغة لوصف مظهر مستند مكتوب باستخدام لغة ترميز (على سبيل المثال ، هتمل أو شمل). باستخدام كس ، يمكنك تغيير الألوان والخطوط وتخطيط العناصر والجوانب الأخرى لمظهر صفحة الويب.
فب و كس غالبا ما تستخدم معا لإنشاء صفحات ويب ديناميكية وأنيقة. فب يسمح لك لتوليد المحتوى الديناميكي على الخادم ، و كس يسمح لك لتعيين مظهره. على سبيل المثال ، فب يمكن استخدامها لاستخراج البيانات من قاعدة بيانات ونقلها إلى قالب هتمل ، وسوف كس تحديد كيفية عرض هذه البيانات على الصفحة.
داخل كود هتمل لصفحة الويب. باستخدام هذه العلامة ، يمكنك تحديد المسار إلى ملف كس الذي سيحتوي على أنماط الصفحة.
. يمكن بعد ذلك إرفاق هذا الملف بكل صفحة حيث يجب تطبيق الأنماط.
هنا هو رمز مثال لربط أنماط كس في فب:
في هذا المثال ، نشير إلى أن ملف النمط موجود في نفس الدليل مثل ملف فب ، واسمه هو "الأنماط.المغلق".
بعد تمكين أنماط كس في فب ، يمكنك استخدام الفئات أو المعرفات أو المحددات الأخرى لتحديد العناصر وتطبيق الأنماط عليها. على سبيل المثال ، يمكنك تعيين لون الخلفية لكتلة معينة أو تغيير خط العنوان باستخدام أنماط كس.
فب و كس هي أدوات قوية لإنشاء وتخصيص صفحات الويب. يتيح لك الجمع بينهما إنشاء مواقع ويب ديناميكية وأنيقة تجذب انتباه المستخدمين وتترك انطباعا إيجابيا.
لماذا أحتاج إلى تمكين أنماط كس في فب?
كس (أوراق الأنماط المتتالية ، أوراق الأنماط المتتالية) هي لغة تستخدم لتنسيق المستندات. باستخدام كس يسمح لك لفصل وصف هيكل صفحة ويب ومظهره.
ربط أنماط كس إلى فب هو جزء لا يتجزأ من تطوير تطبيقات الويب. انها تسمح لك ل:
- تبسيط وبنية التعليمات البرمجية: عندما يتم تمكين الأنماط ، يتم فصل مظهر صفحة الويب من رمز فب ، مما يجعلها أكثر قابلية للقراءة والصيانة.
- التحكم في مظهر العناصر: كس يسمح لك لتعيين خصائص مختلفة من العناصر ، مثل اللون والحجم والخطوط ، الخ. هذا يسمح لك بإنشاء صفحات ويب أنيقة وجذابة.
- لضمان إعادة استخدام الأنماط: عند إنشاء تطبيق ويب ، يمكنك إنشاء ملف نمط مشترك ، والذي يمكن توصيله بعد ذلك بصفحات مختلفة. وهذا يساعد على تقليل كمية من التعليمات البرمجية ويجعل من الاسهل لتحديث.
- ضمان القدرة على التكيف: باستخدام كس ، يمكنك إنشاء تصميم التكيف التي سوف تتكيف تلقائيا مع الأجهزة والشاشات المختلفة. هذا مهم في عالم اليوم ، حيث يصل العديد من المستخدمين إلى صفحات الويب من الأجهزة المحمولة.
بشكل عام ، ربط أنماط كس إلى فب هو جزء مهم من إنشاء تطبيقات الويب عالية الجودة وسهلة الاستخدام. يسمح للمطورين بالتحكم في مظهر صفحات الويب ، ويجعل الكود أكثر تنظيما ويوفر المرونة والقدرة على التكيف للتصميم.
خطوات لربط أنماط كس في فب
- إنشاء ملف نمط المغلق مع .تمديد المغلق. على سبيل المثال ، ملف.المغلق.
- حجم الخط: 14 بكسل;
- صدى ";
?>
داخل ملف فب ، يمكنك استخدام رمز هتمل التي سيتم تطبيق أنماط من ملف كس. على سبيل المثال:
مثال على النص مع الأنماط المطبقة من ملف كس.
حفظ وإغلاق ملف فب.
افتح ملف فب في المتصفح لرؤية الأنماط المطبقة.
الخطوة 1: إنشاء ملف كس
قبل تمكين أنماط كس في فب ، تحتاج إلى إنشاء ملف كس. في هذا الملف ، ستصف جميع الأنماط التي تريد تطبيقها على صفحة الويب الخاصة بك.
إنشاء ملف جديد مع التمديد.كس ، على سبيل المثال الأنماط.المغلق. يمكنك استخدام أي اسم ملف ، ولكن يوصى بإعطاء الملف اسما ذا معنى بحيث يسهل التعرف عليه.
افتح الملف الذي تم إنشاؤه في محرر نصوص وابدأ في وصف الأنماط. وفيما يلي مثال على رمز كس بسيط:
الجسم {
لون الخلفية: # إف 2 إف 2 إف 2;
الخط الأسرة: أريال ، بلا الرقيق;
حجم الخط: 14 بكسل;
اللون: # 333333;
}
ح1 {
اللون: # فف0000;
حجم الخط: 24 بكسل;
الهامش السفلي: 20 بكسل;
}
ص {
الهامش السفلي: 10 بكسل;
- }
- أ {
- اللون: #0066 سم مكعب;
- زخرفة النص: لا شيء;
| } |
اللون: # ففف;
الحشو: 10 بكسل 20 بكسل;
نصف قطر الحدود: 5 بكسل;
}
يمكنك إضافة أي عدد من الأنماط إلى ملف كس ، بما في ذلك محددات مختلفة ، والطبقات الزائفة والسمات. تذكر أنه يجب وضع كل قاعدة بين قوسين معقوفين {}.
- بعد الانتهاء من إضافة جميع الأنماط ، احفظ الملف.
- الآن أن لديك ملف كس مع وصف الأنماط ، كنت على استعداد للذهاب إلى الخطوة التالية وتوصيله إلى صفحة ويب باستخدام فب.
وهنا كيف يمكنك إنشاء ملف فب لربط أنماط كس:
افتح محرر النصوص المفضل لديك وأنشئ ملفا جديدا.
احفظ الملف باستخدام".فب " التمديد. على سبيل المثال ، " الفهرس.بي إتش بي ".
افتح الملف الذي تم إنشاؤه في محرر نصوص.
الصق رمز فب التالي في الجزء العلوي من الملف:
بي إتش بي < / الدفتيريا
// اتصال نمط المغلق
صدى "
?>
هذا الرمز فب يخلق وصلة إلى ملف نمط لدينا " نمط.المغلق " باستخدام علامة. عندما يفتح متصفح الويب هذا الملف فب ، فإنه تلقائيا بتحميل وتطبيق أنماط من الملف المحدد.
الآن لديك ملف فب الذي يربط أنماط كس إلى صفحة الويب الخاصة بك. في الخطوات التالية ، سنواصل كتابة التعليمات البرمجية وإضافة ترميز هتمل إلى هذا الملف لإنشاء صفحة ويب كاملة مع أنماط متصلة.
الخطوة 3: توصيل ملف كس إلى ملف فب
بعد أن أنشأنا ملف كس لدينا ووضع الأنماط اللازمة في ذلك ، نحن بحاجة إلى توصيل هذا الملف إلى ملف فب لدينا. للقيام بذلك ، سوف نستخدم العلامة.
يتم استخدام العلامة لتوصيل الملفات الخارجية إلى صفحة هتمل. في حالتنا ، سوف نستخدمها لتوصيل ملف كس.
أدخل العلامة التالية داخل هذا الموقع:
ريل هي سمة علامة تشير إلى نوع الاتصال بين المستند الحالي والملف المرفق. في حالتنا ، نحدد أن هذا ملف به أنماط ، وبالتالي فإن قيمة السمة هي "ورقة الأنماط".
هريف هي سمة علامة تحدد المسار إلى الملف المرفق. في حالتنا ، نحدد المسار النسبي لملف الأنماط.كس في المجلد الحالي.
الآن تم توصيل ملف كس بنجاح إلى ملف فب الخاص بك ، وينبغي تطبيق الأنماط في ذلك على العناصر المقابلة على الصفحة.
في هذه المرحلة ، لدينا ملف فب مع ترميز هتمل وملف كس المرفقة التي تحدد أنماط لهذا الترميز. في الخطوة التالية ، وسوف ننظر في كيفية عرض ملف فب لدينا في المتصفح.
الخطوة 4: التحقق من اتصال أنماط كس
1. التحقق من أدوات تطوير المتصفح