728x90 شفرة ادسنس

  • اخر الاخبار

    11‏/2‏/2015

    الدرس الأول طرق كتابة اكواد CSS


    توجد ثلاث طرق لكتابة اكواد CSS :
    الطريقة الأولى

    كتابة التنسيق في قسم style في داخل أي وسم من وسوم html أي في داخل صفحة html مثال:

    <p style=¨font-size:20pt;font-family:Tahoma;>the text</p>           


    الطريقة الثانية

    كتابة كود CSS في الجزء <head> في صفحة html وذلك بكتابة وسم البداية
    <style> type= ¨text/css¨>
    ووسم النهاية </style> وبينهم نضع التنسيق، مثال:

    <html><head>
    <style> type=¨text/css¨>

    p {font-size:20pt ;color: €000 ;}

    </style></head>
    <body>
    <p> the text </p>
    </body> </html>


    الطريقة الثالثة

    كتابة الكود في ملف خارجي عن صفحة html وهذه افضل طريقة اذا كانت لدينا عدة صفحات كيف ذلك ؟
    لنفرض انك اردت تعديل لون الجدول لن تتعب وتغير جميع الصفحات بل ستقوم بتعديل كود css المسؤول عن ذلك الجدول مثال:

    p {font-size:20pt ;color: €000 ;}



    ستقوم بتغير قيمة 000 الى أي القيمة التي تريد، وهناك العديد من القيم التي ترمز كل قيمة للون محدد وسنتطرق في موضوع قادم انشاء الله عن هذه الألوان.
    لكتابة كود CSS في صفحة مستقلة ومن ثم استدعائه مثال:
    أولا : عند كتابة صفحة CSS لا نكتب الوسوم بين وسمي النهاية والبداية الخاصة CSS
    <style type=¨text/css¨>- - - - - - </style> ونكتب وسوم الهوتميل مباشرة مثال :

    p { color :red ;
    backgond-color :yello ;}
    h1{color :black ;}


    ثانيا عند استدعاء صفحة CSS يجب ان تكتب كود الاستدعاء بين وسمي <head> وكود الاستدعاء هو :
    • تعليقات بلوجر
    • تعليقات الفيس بوك

    0 التعليقات :

    إرسال تعليق

    Item Reviewed: الدرس الأول طرق كتابة اكواد CSS Rating: 5 Reviewed By: محمد أيوب
    Scroll to Top