أنت هنا

ماهو css الانماط ؟ تعريف بها

الكاتب : admin | 11/29/2012 |

بسم الله الرحمن الرحيم وبه نستعين ...

css هي اختصار لي Cascading Style Sheets بمعنى الانماط القياسيه او المتتاليه تسهل التحكم بتصاميم صفحات الانترنت html وتفصل التصميم بشكل كامل عن محتوى الصفحه بدل ان كنا في السابق ندمجها بداخلها وتساعد الانماط في تسهيل عملية التصميم بشكل اكبر من ناحية الخطوط والالوان وحتى تقسيم الصفحه نفسها وتنسيقها واضهارها بمضهر حسن ...

انشئتها w3 لتسهل عملية فصل التصميم عن المحتوى والتحكم به بشكل اكبر وصدرت لها اصدارات في كل اصدار تضاف لها مميزات حديثه واكواد جديده

بالامكان الاستفاده منها باستخدام id او class وربطها بمحتوى html والتحكم فيه من خلالها

وطريقة الربط كتالي :

1- وضع الكود داخل صفحة html مباشره بين وسوم head (ما ينصح بها) بالشكل هذا =

<style type="text/css">
.newStyle1 {
}
</style>

2- وضع اكواد css في ملف منفصل وربطه بصفحة html (ينصح به) داخل وسوم html بالشكل هذا =

<head>
<link rel="stylesheet" type="text/css" href="/themes/style.css" />
</head>

هناك خصائص له تعمل على بعض المتصفحات ولا تعمل على اخرى مثل ie6 اغلب الاصدارات الحديثه من تقنية الانماط css لا تعمل عليه ولتجاوز مشكلة التوافق بين المتصفحات نحتاج الى رقع له باستخدام الشرط if مثال له =

<!--[if IE]>

<link rel="stylesheet" type="text/css" href="/themes/style-ie.css" />

<![endif]-->

بهذي الطريقه حددنا ملف خاص بمتصفح مايكروسوفت ie يعرض بداخله الاكواد المتوافقه معه وبالامكان تحديد اصدار المتصفحه بحيث لا يعرض الملف الا في اصدار واحد فقط بالشكل هذا =

<!--[if IE 6]>

<link rel="stylesheet" type="text/css" href="/themes/style-ie.css" />

<![endif]-->

الآن هل يجب عليكم بعد كل ما قيل عنها تعلمها او تركها ؟

اترك الاجابه لكم

[if IE 6][if IE 6]من

القسم :

css logo