پنجشنبه, ۲۸ تیر, ۱۴۰۳ / 18 July, 2024
آموزش سی اس اس - استایل سی اس اس چیست؟
![آموزش سی اس اس - استایل سی اس اس چیست؟](/web/imgs/16/83/oz9ld1.jpeg)
استایل (CSS) چیست؟
- CSS مخفف کلمه Cascading Style Sheets میباشند.
- اولین ورژن استایلها در سال ۱۹۹۶ ساخته شد. که اولین ورژن آن CSS۱ بود.
- دیگر وژن آن CSS۲ می باشد که در سال ۱۹۹۸ ساخته شد که بیشتر برای ویرایش صفحات، نحوه نمایشها تگها و ... کاربرد دارد.
- فایل استایلها با فرمت CSS ذخیره میشوند.
انواع استایلها:
همانطوری که قبلا نوشتم استایلها بر سه نوع میباشند:
۱. Inline Style: این نوع استایل در داخل تگهای HTML به كار گرفته میشوند، و این استایل فقط بروی همان تگ به خصوص تاثیر خواهد گذاشت و به صورت زیر نوشته خواهد شد.
This is a paragraph
در مثال بالا با استفاده از حالتهای مختلف در استایلها نوع فونت آنرا تغییر دادیم و همانطوری که در تعریف این نوع استایل نوشتم این استایل فقط و فقط تغییرات را بروی همین پاراگراف اعمال خواهد کرد.
۲. Embedded or Global Style: در این نوع، استایل نوشته شده در تمامی صفحه تاثیر خواهد گذاشت، اینرا بین دو تگ () به صورت زیر نوشته خواهد شد.
این نوع حالت از تغییرات تعریف شده بروی تمامی تگها پاراگراف اعمال خواهد شد که رنگ متن: قرمز، جهت متن: چپ، و اندازه فونت ۸ پوینت خواهد بود. توجه داشته باشید در این مثال سه حالت مختلف یک استایل را برای تگ پاراگراف تعریف کردیم که با استفاده از (;) حالتهای مختلف آن از هم جدا شدند.
اگر بخواهید این حالت نوشته شده را برای چند تگ دیگر اعمال کنید می توانید تگها را بااستفاده از کاما (,) از هم جدا کنید برای مثال:
h۱, h۲, h۳, h۴ { color: gold; font-family: sans-serif }
۳. Linked or External style sheet: نوع آخر هم معروف به استایلهای خارجی هستند كه به صورت لینك فایل استایل را به صفحات خود لینك میدهید. فایلهای استایل با فرمت CSS ذخیره میشوند و به صورت زیر به صفحات لینك داده میشود.
در این نوع از استایلها بعد از اینکه فایل استایل خود را آماده کردید آنرا با فرمت CSS ذخیره کرده و آنرا همانند بالا فایل استایل را به قالب لینک می کنیم. برای راحت بود در کار می توانید ابتدا استایلها را به صورت Internal استفاده کرده و بعد از اینکه کارتان تمام شد کدهای نوشته شده بین دو تگ () را در نت پد کپی کرده و آنرا با فرمت CSS دخیره کرده و سپس با استفاده از فرمول بالا آن فایل را به قالب لینک دهید.
یکی از مزیتهای این نوع استایل این میباشد که می توانید با داشتن یک فایل استایل برای چندین صفحه استفاده کنید و از دیگر مزیت های آن با این کار کدهای قالب را به چند فایل تقسیم کرده و قالب را منظم تر میشود.
تعمیرکار درب برقی وجک پارکینگ
دورههای مدیریتی دانشگاه تهران
فروش انواع ژنراتور دیزلی با ضمانت نامه معتبر
مسعود پزشکیان ایران دولت چهاردهم محمدجواد ظریف پزشکیان دولت دولت سیزدهم علی باقری انتخابات رهبر انقلاب رئیس جمهور علیرضا زاکانی
هواشناسی پلیس عزاداری تهران پلیس فتا پلیس راهور قتل شهرداری تهران پشه آئدس تیراندازی سازمان تامین اجتماعی زلزله
واردات خودرو خودرو قیمت خودرو قیمت طلا قیمت دلار حقوق بازنشستگان بازار خودرو بازنشستگان اربعین دلار قیمت سکه مالیات
تلویزیون سینما فضای مجازی سریال فیلم اوشین امام حسین سینمای ایران دفاع مقدس لیلی رشیدی وزارت ارشاد فرهاد مشیری
محصولات کشاورزی دانشگاه تهران ماه آزمون سراسری
آمریکا دونالد ترامپ جو بایدن رژیم صهیونیستی غزه اسرائیل روسیه فلسطین جنگ غزه چین طوفان الاقصی ترور ترامپ
پرسپولیس فوتبال استقلال سپاهان مهدی طارمی نقل و انتقالات تراکتور علیرضا بیرانوند باشگاه پرسپولیس رئال مادرید لیگ برتر ایران لیگ برتر
گوشی هوش مصنوعی اینترنت عیسی زارع پور وزیر ارتباطات و فناوری اطلاعات ناسا اپل
کاهش وزن خیار گرمازدگی رژیم غذایی بارداری لاغری افسردگی صبحانه