۱۳۹۱/۴/۱۰، ۰۰:۲۴:۴۵ صبح
سلام دوستان، امروز می خواهم اولین قسمت از سری آموزش های CSS ای رو که قراره بذارم رو براتون آموزش بدم. بعدا اگر انجمنی با نام آموزش و این چیز ها اضافه شد ، آموزش رو به اون انجمن منتقل خواهم کرد.
لازم به ذکر است که برای مطالعه ی این آموزش ها شما ابتدا باید HTML را جهت بهتر فهمیدن آموزش فرا گرفته باشید.
بریم سراغ آموزش ...
:: CSS چیست؟
CSS یا همان مخفف Cascading Style Sheet (شیوه نامه ی آبشاری) یک زبان برنامه نویسی تحت وب جهت شکل دهی، موقعیت سازی و زیبا سازی صفحات وب است. در واقع CSS همان سندیست که مرورگر از روی آن می فهمد که کد های HTML را باید با چه ویژگی هایی به نمایش بگذارد و هر عنصر در صفحه چه خصوصیاتی دارد.
تا به حال بالاترین ورژن CSS3 ، CSS است که با آمدن آن و HTML5 ، به زودی J-Query از بین خواهد رفت چرا که این ورژن دارای انیمیشن و ... و زیبا سازی های جدیدی نیز هست.
:: روش های استفاده از CSS در کد های HTML؟
CSS را به 3 روش می توان مورد استفاده قرار داد که در زیر می بینید:
1. میان تگ Head ، در تگ Style:
2. استفاده در هر تگ:
3. استفاده در تگ Head و فراخوانی سند CSS:
نکته: خصوصیات نزدیک تر به تگ ها همیشه اولویت دارد. یعنی اگر شما رنگ متن را در فایل فراخوانی شده (حالت3) قرمز ، در تگ Head و بین تگ استایل (حالت1) آبی و در تگ، (حالت2) زرد انتخاب کرده باشید ؛ اولویت با زرد است. اما اگر حالت تگ را نداشته باشد آبی و در غیر این صورت قرمز خواهد شد.
در بین 3 مدلی که در بالا گفته شد ، سومین حالت معمول تر است ولی سرعت کمتری نسبت به بقیه ی حالات دارد. یعنی باعث سنگین تر شدن قالب می شود ، چرا که در این حالت مرورگر باید فایل را در آدرسی دیگر بخواند ولی در حالات دیگر ، مرورگر کد ها را در کد قالب پیدا می کند.
دوستان به عنوان اولین آموزشم اگه مشکلی بود ببخشید. لطفا مشکلاتش را آنهایی که وارد تر نسبت به بقیه هستند بگویند تا تصحیح شود.
اگر سوالی باشه هم در خدمتم.
لازم به ذکر است که برای مطالعه ی این آموزش ها شما ابتدا باید HTML را جهت بهتر فهمیدن آموزش فرا گرفته باشید.
بریم سراغ آموزش ...
:: CSS چیست؟
CSS یا همان مخفف Cascading Style Sheet (شیوه نامه ی آبشاری) یک زبان برنامه نویسی تحت وب جهت شکل دهی، موقعیت سازی و زیبا سازی صفحات وب است. در واقع CSS همان سندیست که مرورگر از روی آن می فهمد که کد های HTML را باید با چه ویژگی هایی به نمایش بگذارد و هر عنصر در صفحه چه خصوصیاتی دارد.
تا به حال بالاترین ورژن CSS3 ، CSS است که با آمدن آن و HTML5 ، به زودی J-Query از بین خواهد رفت چرا که این ورژن دارای انیمیشن و ... و زیبا سازی های جدیدی نیز هست.
:: روش های استفاده از CSS در کد های HTML؟
CSS را به 3 روش می توان مورد استفاده قرار داد که در زیر می بینید:
1. میان تگ Head ، در تگ Style:
کد:
<html>
<head>
<style type=”text/css”>
CSS CODES
</style>
</head>
</html>
کد:
<div style=”CSS CODES”> CODE </div>
کد:
<html>
<head>
<link href=”../CSS-FILE-ADDRESS.css” type=”text/css” rel=”StyleShreet”/>
</head>
</html>
در بین 3 مدلی که در بالا گفته شد ، سومین حالت معمول تر است ولی سرعت کمتری نسبت به بقیه ی حالات دارد. یعنی باعث سنگین تر شدن قالب می شود ، چرا که در این حالت مرورگر باید فایل را در آدرسی دیگر بخواند ولی در حالات دیگر ، مرورگر کد ها را در کد قالب پیدا می کند.
دوستان به عنوان اولین آموزشم اگه مشکلی بود ببخشید. لطفا مشکلاتش را آنهایی که وارد تر نسبت به بقیه هستند بگویند تا تصحیح شود.
اگر سوالی باشه هم در خدمتم.