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

آموزش CSS-معرفی سی اس اس

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

با استفاده از CSS می توانید، در انجام کارهای زیاد صرفه جویی کنید.

هم اکنون يادگيري CSS (سي اس اس) را آغاز نمایید!

آموزش CSS همراه با صدها مثال

Wiki

در این خودآموز، برای آموزش CSS از صدها مثال استفاده شده است.

به کمک ويرايشگري که در اختيارتان است، مي توانيد سند HTML را ويرايش کنيد و با کليک روي يک دکمه، نتيجه را مشاهده کنيد:

براي مشاهده نتيجه کد بالا روي دکمه "خودتان امتحان کنيد" کليک کنيد.

پيش نيازهای آموزش CSS

Wiki

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

• آموزش HTML

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

Wiki

1. CSS (سي اس اس) سرنام واژگان Cascading Style Sheets است.
2. در آموزش CSS، سبک يا Style نحوه ی نمايش عناصر html را مشخص مي کند.
3. Styleها براي حل کردن يک مشکل به HTML 4.0 اضافه شدند.
4. برگه هاي استايل خارجي (External Style Sheets) مي توانند در انجام کارهاي زياد صرفه جويي کنند.
5. برگه هاي استايل خارجي در فايل هاي با فرمت css. ذخيره مي شوند.

آموزش CSS (سی اس اس) - یک پیش نمایش یا دمو از CSS

Wiki

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

آموزش CSS (سی اس اس) - حل يک مشکل بزرگ توسط CSS (سي اس اس)

Wiki

HTML هرگز قصد نداشت که توسط تگ ها، صفحات را قالب بندي کند، بلکه قصد داشت محتواي يک سند را فقط نمايش دهد.

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

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

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

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

امروزه تمام مرورگرها، CSS (سي اس اس) را پشتيباني مي کنند.

آموزش CSS (سی اس اس) - انجام کارهاي زياد، فقط ، با يک حرکت

Wiki

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

Styleها معمولاً در فايلهاي جداگانه با فرمت CSS (سي اس اس) ذخيره مي شوند (External style sheets) اينکار شما را قادر مي سازد فقط با تغيير يک فايل، ظاهر و يا طرح بندي تمام صفحات يک پروژه را تغيير دهيد.

در آموزش های بعدی، چگونگی انجام این کار را خواهید آموخت.