قبل أن نتعلم كيفية تطبيق CSS، يجب علينا أولاً أن نفهم ما هو CSS. CSS هو اختصار لـ Cascading Style Sheets
* لغة CSS هي لغة ترميزية لا تتطلب تجميعًا ويمكن تنفيذها مباشرة بواسطة المتصفح (وهي لغة يتم تفسيرها بواسطة المتصفح
* CSS هي المسؤولة عن أداء تصميم الويب القياسي
).محتوى صفحة الويب (XHTML).
* يمكن أيضًا اعتبار ملف CSS ملفًا نصيًا يحتوي على بعض علامات CSS. يجب أن يستخدم ملف CSS ملف CSS كلاحقة لاسم الملف.
* يمكن تغيير الأداء العام لصفحة الويب بمجرد تغيير ملف CSS، يمكن أن يقلل النموذج من عبء العمل لدينا، لذلك فهو دورة مطلوبة لكل مصمم ويب.
* يتم إنتاج CSS وصيانته بواسطة مجموعة عمل CSS في W3C.
بعد فهم ماهية CSS، يمكننا تطبيقها بسهولة. يمكننا إضافته إلى مدونتك بالطريقتين التاليتين، لأن طريقة تطبيق CSS تعتمد على مبدأ القرب. وهذا يعني أن تعريف النمط الأقرب إلى الهدف له أولوية أعلى. سوف يرث النمط ذو الأولوية العالية التعريفات غير المتداخلة للنمط ذي الأولوية المنخفضة ولكنه سيتجاوز التعريفات المتداخلة.
الارتباط بملف ورقة أنماط خارجي (الارتباط بورقة أنماط)
يمكنك أولاً إنشاء ملف ورقة أنماط خارجي (.css)، ثم استخدام كائن ارتباط HTML. مثال على ذلك هو كما يلي:
<head>
＜العنوان＞عنوان الوثيقة＜/العنوان＞
＜link rel=stylesheet href=" http://www.devdao.com/dhtmlet.css " type="text/css"＞
＜/head＞
في XML، يجب عليك إضافته في منطقة الإعلان كما هو موضح في المثال التالي:
تحديد كائن كتلة نمط داخلي (تضمين كتلة نمط)
يمكنك إدراج كائن كتلة <STYLE>...</STYLE> بين علامتي <HTML> و<BODY> في مستند HTML الخاص بك. للتعرف على طرق التعريف، يرجى الرجوع إلى بناء جملة ورقة الأنماط. مثال على ذلك هو كما يلي:
<html>
＜الرأس＞
＜العنوان＞عنوان الوثيقة＜/العنوان＞
＜نوع النمط='نص/css'＞
<!--
الجسم {الخط: 10pt "Arial"}
h1 {الخط: 15pt/17pt "Arial"؛ حجم الخط: غامق؛
h2 {الخط: 13pt/15pt "Arial";
ع {الخط: 10pt/12pt "Arial" اللون: أسود}
-->
＜/نمط＞
＜/الرأس＞
<body>
يرجى ملاحظة أن تعيين سمة النوع لكائن النمط على "text/css" هنا يسمح للمتصفحات التي لا تدعم هذا النوع بتجاهل ورقة الأنماط.