در حال نمایش 1 نوشته (از کل 1)

آموزش CSS و HTML


  • ᕼՐ_ƑαƖƖαн
    بازداشت شده

    آموزش مقدماتی CSS

    آموزش مقدماتی CSS سی اس اس
    در این آموزش با استفاده از ( CSS سی اس اس) فراخواهید گرفت که تمام صفحات پروژه خود را در یک مرحله، قالب بندی کنید.
    با استفاده از CSS می توانید، در انجام کارهای زیاد صرفه جویی کنید.

    [box]

    مثال :

    body
    {
    background-color:#d0e4fe;
    }
    h1
    {
    color:orange;
    text-align:center;
    } p {
    font-family:"Times New Roman";
    font-size:20px

    ;}/

    [/box]

     

    پیشنهاد می شود اگر با آموزش زیر آشنا نیستید، قبل از ادامه آموزش ، CSSآنرا مطالعه فرمایید :

    آموزش HTM

     

    CSS ویا سی اس اس چیست ؟

    در آموزش CSS سبک یا Styleنحوه ی نمایش عناصر html را مشخص می کند.

    Style ها برای حل کردن یک مشکل به HTML 4.0 اضافه شدند.

    برگه های استایل خارجی External Style Sheets می توانند در انجام کارهای زیاد صرفه جویی کنند.

    برگه های استایل خارجی در فایل های با فرمت . css ذخیره می شوند

    با استفاده از CSSمی توان، ظاهر یک صفحه HTMLرا به چندین سبک مختلف نمایش داد

     

    زمانی که تگ هایی مانند <font> و مشخصه هایی مانند color به HTML 3.2 اضافه شد، برای طراحان وب یک کابوس بزرگ آغاز شد. در وب سایت های بزرگ باید اطلاعات fontها و colorها به هر صفحه ای اضافه می شد و این کار بسیار هزینه بری بود.

    برای حل این مشکل، ( CSSسی اس اس) توسط کنسرسیوم W3Cیا ) (World Wide Web ایجاد شد.

    در HTML 4.0 قالب بندی صفحات می تواند از فایل HTML حذف شده و در یک فایل CSS جدا ذخیره شود.

    امروزه تمام مرورگرها، CSS را پشتیبانی می کنند

     

    تنها با یک حرکت

    در آموزش CSS مشخص می کنید که عناصر HTML را چگونه نمایش دهید.

    tyleها معمولاً در فایلهای جداگانه با فرمت CSS ذخیره می شوند External style sheets اینکار شما را قادر می سازد

    فقط با تغییر یک فایل، ظاهر و یا طرح بندی تمام صفحات یک پروژه را تغییر دهیددر آموزش های بعدی، چگونگی انجام این کار را خواهید آموخت

     

    ساختار دستورات CSS

    یک قانون یا Ruleدر CSSاز دو قسمت اصلی تشکیل شده است :

    گزینشگر یا Selec

    اعلان یا Declaration

    Selector معمولاً یک تگ HTML است که می خواهید آنرا قالب بندی کنید.

    هر  Declaration  شامل یک  Property و یک  Value است

    Property در واقع یک خاصیت است که شما می خواهید آنرا تغییر دهید، هر Property یک مقدار دارد

    [box]

    یک مثال ساده از نحوه نوشتن CSS

    یک اعلان همیشه با علامت “;” پایان می پذیرد و اعلان هایی که در یک گروه قرار دارند با آکولاد باز و بسته احاطه می شوند :

    {p {color:red;text-align:center

    برای اینکه فایل CSSشما خواناتر باشد می توانید هر اعلان را در یک خط قرار دهید، مانند زیر :

    p

    }
    color:red;
    text-align:center;
    }

    [/box]

     

    توضیحات یا Commentها در CSS

    Commentها برای توضیح درباره کد استفاده می شود، و ممکن است زمانی که بخواهید کدتان را یک زمان دیگر ویرایش کنید کمکتان کند.

    Commentها در مرورگرها دیده نمی شودیک Commentدر CSS با علامت /*شروع و با */پایان می پذیرد.

     

در حال نمایش 1 نوشته (از کل 1)

شما برای پاسخ به این جستار باید وارد تارنما شوید.

تمامی حقوق برای مرکز فایل های فارسی محفوظ است © کپی برداری تنها با ذکر لینک منبع مجاز می باشد. طراحی شده توسط : HrFallah