اصلا css چی هست ؟

شروع موضوع توسط alavis ‏10 سپتامبر 2006 در انجمن زبان HTML

  1. alavis

    alavis Member

    ارسال‌ها:
    70
    تشکر شده:
    8
    امتیاز دستاورد:
    6
    سلام دوستان خسته نباشین ؟ خوب هستین ؟ من اصلا نمیدونم css چی هست میشه کمک کنین بگین چیه کارش چچیه /؟


    ممنون میشم
     
    نوشته شده توسط alavis در ‏10 سپتامبر 2006
  2. Hamid2day

    Hamid2day Active Member

    ارسال‌ها:
    662
    تشکر شده:
    95
    امتیاز دستاورد:
    28
    CSS چيست ؟

    --------------------------------------------------------------------------------

    استايل (CSS) چيست؟

    - CSS مخفف کلمه Cascading Style Sheets ميباشند.
    - اولين ورژن استايلها در سال ۱۹۹۶ ساخته شد. که اولين ورژن آن CSS1 بود.
    - ديگر وژن آن CSS2 مي باشد که در سال ۱۹۹۸ ساخته شد که بيشتر براي ويرايش صفحات، نحوه نمايشها تگها و ... کاربرد دارد.
    - فايل استايلها با فرمت CSS ذخيره ميشوند.

    انواع استايلها:

    ۱. Inline Style: اين نوع استايل در داخل تگهاي HTML به كار گرفته ميشوند، و اين استايل فقط بروي همان تگ به خصوص تاثير خواهد گذاشت و به صورت زير نوشته خواهد شد.

    HTML:
     
    <tag style="Style Declarations">
     
    Example:
    <p style="font-family: Tahoma">This is a paragraph</p>
     
    در مثال بالا با استفاده از حالتهاي مختلف در استايلها نوع فونت آنرا تغيير داديم و همانطوري که در تعريف اين نوع استايل نوشتم اين استايل فقط و فقط تغييرات را بروي همين پاراگراف اعمال خواهد کرد.

    ۲. Embedded or Global Style: در اين نوع، استايل نوشته شده در تمامي صفحه تاثير خواهد گذاشت، اينرا بين دو تگ (<head></head>) به صورت زير نوشته خواهد شد.

    HTML:

    <style>
    <!--
    Style Declaration
    -->
    </style>
     
    Example:
    <head>
    <style type="text/css">
    <!--
    p { color: red; text-align: left; font-size: 8pt }
    -->
    </style>
    </head>
     
    اين نوع حالت از تغييرات تعريف شده بروي تمامي تگها پاراگراف اعمال خواهد شد که رنگ متن: قرمز، جهت متن: چپ، و اندازه فونت ۸ پوينت خواهد بود. توجه داشته باشيد در اين مثال سه حالت مختلف يک استايل را براي تگ پاراگراف تعريف کرديم که با استفاده از ( حالتهاي مختلف آن از هم جدا شدند.
    اگر بخواهيد اين حالت نوشته شده را براي چند تگ ديگر اعمال کنيد مي توانيد تگها را بااستفاده از کاما (,) از هم جدا کنيد براي مثال:

    HTML:

    h1, h2, h3, h4 { color: gold; font-family: sans-serif }
     
    ۳. Linked or External style sheet: نوع آخر هم معروف به استايلهاي خارجي هستند كه به صورت لينك فايل استايل را به صفحات خود لينك ميدهيد. فايلهاي استايل با فرمت CSS ذخيره ميشوند و به صورت زير به صفحات لينك داده ميشود.
    HTML:

     
    <link href="url" rel="relation type" type="link type">
     
    Example:
    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    </head>
     
    در اين نوع از استايلها بعد از اينکه فايل استايل خود را آماده کرديد آنرا با فرمت CSS ذخيره کرده و آنرا همانند بالا فايل استايل را به قالب لينک مي کنيم. براي راحت بود در کار مي توانيد ابتدا استايلها را به صورت Internal استفاده کرده و بعد از اينکه کارتان تمام شد کدهاي نوشته شده بين دو تگ (<style></style>) را در نت پد کپي کرده و آنرا با فرمت CSS دخيره کرده و سپس با استفاده از فرمول بالا آن فايل را به قالب لينک دهيد.
    يکي از مزيتهاي اين نوع استايل اين ميباشد که مي توانيد با داشتن يک فايل استايل براي چندين صفحه استفاده کنيد و از ديگر مزيت هاي آن با اين کار کدهاي قالب را به چند فايل تقسيم کرده و قالب را منظم تر ميشود.

    نوشته : طاها ابراهیمی
    ==============
    منبع : پرشین تلوز

    ادامه داره ها...
     
    نوشته شده توسط Hamid2day در ‏10 سپتامبر 2006
    des3design و echessdesign از این پست تشکر کرده اند.
  3. alavis

    alavis Member

    ارسال‌ها:
    70
    تشکر شده:
    8
    امتیاز دستاورد:
    6
    ما که بازم نفهمیدیم چی بود ...
     
    نوشته شده توسط alavis در ‏10 سپتامبر 2006
  4. RainDigital

    RainDigital Member

    ارسال‌ها:
    729
    تشکر شده:
    238
    امتیاز دستاورد:
    16
    از این واضح تر؟
     
    نوشته شده توسط RainDigital در ‏10 سپتامبر 2006
  5. Ali_ix

    Ali_ix Well-Known Member

    ارسال‌ها:
    1,766
    تشکر شده:
    378
    امتیاز دستاورد:
    83
    شما چه اصراری داری بدونی چیه ؟!

    اگر واقعا به کارتون میاد و لازمه بدونید ! کافیه یکمی همت کنید و با یک جستجوی کوچیک میلیونها مقاله و مطلب راجع بهش پیدا کنید !
    اگرم هویجوری میخواید بدونید چیه و با توضیحات دوستان متوجه نشدید بیخیال بشید ! :wink:

    اگر این اگرهای بالا رو جواب بدید و علاقه مند باشید بیشتر براتون توضیح میدیم ! :cool:
     
    نوشته شده توسط Ali_ix در ‏10 سپتامبر 2006
  6. alavis

    alavis Member

    ارسال‌ها:
    70
    تشکر شده:
    8
    امتیاز دستاورد:
    6
    مرسی از لطف این همه دوستان که به خنگی ما دامن زدن [​IMG]

    بابا میخوام بدونم کد هست چیهس ؟ اگه کده چیکار میکنه همین
     
    نوشته شده توسط alavis در ‏11 سپتامبر 2006
  7. Broken-home

    Broken-home Member

    ارسال‌ها:
    333
    تشکر شده:
    102
    امتیاز دستاورد:
    16
  8. Hamid2day

    Hamid2day Active Member

    ارسال‌ها:
    662
    تشکر شده:
    95
    امتیاز دستاورد:
    28
    آره دیگه کد هست.
    که ساختار سایت رو معلوم می کنه .. مثل نوع فونت و رنگ و دیگر اجزاء..

    قالبندی سایت به هم نمی خوره و لود صفحات رو به صورت چشم گیر بالا می بره...

    همان طور که دوستان گفتند عمل کن
     
    نوشته شده توسط Hamid2day در ‏11 سپتامبر 2006
    des3design از این پست تشکر کرده است.

به اشتراک بگذارید