الخميس، 10 أكتوبر 2013

تركيب جمل CSS Syntax و المحددات Selectors

تركيب جمل CSS Syntax  و  المحددات Selectors

يتكون CSS من قواعد النمط أو الشكل الذي يتم تفسيره من قبل المتصفح ومن ثم تطبيقها على العناصر المقابلة في المستند. يتم إجراء نمط من ثلاثة أجزاء:

Selector محدد: محدد هو علامة HTML   <tag>التي سيتم تطبيق النمط  علية.  يمكن أن يكون أي علامة مثل <h1> أو <TABLE> الخ.

Property الخاصية: خاصية هو نوع من السمة من علامة tag HTML. ببساطة، يتم تحويل كافة سمات HTML في خصائص CSS. ويمكن أن يكون لون  color أو الحدود  border الخ.

Value قيمة  يتم تعيين قيم لخصائص: على سبيل المثال خاصية اللون يمكن أن يكون إما أحمر red   أو قيمة  F1F1F1# الخ.
يمكنك بناء الجملة على النحو التالي:

selector { property: value }

على سبيل المثال: يمكنك تعريف حدود الجدول كما يلي:

table{ border :1px solid #C00; }

هنا الجدول هو محدد selectorوالحدود border  هي خاصية Property  وتعطى القيمة  1px solid  #C00 قيمة تلك الخاصية.

يمكنك تعريف محددات Selectors  بطرق بسيطة ومختلفة تعتمد على راحتك.



ليست هناك تعليقات:

إرسال تعليق

يسعدني إرسال تعليقاتكم وأسئلتكم واقتراحاتكم