آموزش CSS
شیوهنامه ی آبشاری یا : (CSS: Cascading Style Sheets) در کنارHTML هسته فناوری ساخت صفحههای وب هستند. CSS روشی ساده برای نمایش چیدمان و جلوههای تصویری (مانند نوع قلم، رنگ و اندازهها) در صفحههای وب است. CSS از جنس زبانهای نشانهگذاری، با ساختار متن سادهٔ رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پیدرپی، برای چگونگی نمایش هر صفحه وب افزوده میشود. به گفتهای ساده تر، این دستورها روش نشان داده شدن قلمها و اندازهشان، رنگها و پس زمینهها، روش چیدمان موزاییکهای دربرگیرنده دادهها (دیوارهها)، و بسیاری دیگر از عنصرهای ساختار هرصفحه وب را، درون خود جای میدهند.
آموزش Css بخش دوم
پراپرتی موقعیت یابی در CSS، به شما اجازه می دهد موقعیت عنصری را پیدا کنید. همچنین می تواند عنصری را پشت عنصری دیگر قرار دهد، و تعیین می کند هنگامی که محتویات یک عنصر زیاد است چه اتفاقی باید بیافتد.
می توان با استفاده از شبه عناصر در CSS بخش های مختلف یک المان را سبک دهی کرد (style دلخواه را به آن اعمال کرد) .
Media Types به شما اجازه می دهند تعریف کنید سندهای چگونه در mediaهای مختلف present شوند. می توان اسناد را به طرق مختلف روی صفحه، روی کاغذ، با مرورگری شنیداری، و غیره نمایش داد.
آموزش Css بخش اول
در این مقاله با CSS و نحوه استفاده از آن برای استایلدهی صفحات وب آشنا شوید؛ از مزایای CSS گرفته تا مثالهایی از استفاده داخلی و خارجی آن در HTML.
در این مقاله با سینتکس CSS و نحوه نوشتن rule set، استفاده از کامنتها و افزایش خوانایی کد با رعایت اصول نگارش در CSS آشنا خواهید شد.
در این مقاله با انتخابگرهای CSS آشنا شوید؛ نحوه استفاده از ID و Class، گروهبندی انتخابگرها و استایلدهی به المانهای HTML را یاد میگیرید.
در این مقاله با انواع Style Sheetها در CSS آشنا شوید؛ از CSS خارجی، داخلی و inline گرفته تا اولویتبندی استایلها و نحوه ترکیب چندین Style Sheet.
در این مقاله با نحوه استفاده از پسزمینه در CSS آشنا شوید؛ از تنظیم رنگ و تصویر گرفته تا تکرار، موقعیت و مختصرنویسی برای مدیریت بهتر پسزمینهها.
در این مقاله با ویژگیهای مختلف متن در CSS مانند رنگ، تراز بندی، دکوراسیون، تغییر اندازه حروف و تورفتگی آشنا شوید و متنهای زیباتری طراحی کنید.
در این مقاله با تنظیمات فونت در CSS آشنا شوید؛ از انتخاب خانواده فونت تا تنظیم اندازه، سبک و وزن فونت برای بهبود خوانایی و زیبایی متنهای وبسایت.
در این مقاله با استایلدهی لینکها در CSS آشنا میشوید و یاد میگیرید چگونه رنگ، پسزمینه و زیرخط آنها را در حالتهای مختلف تنظیم کنید.
در این مقاله با استایلدهی لیستهای CSS آشنا میشوید و یاد میگیرید چگونه نشانگرها و تصاویر را برای آیتمها تنظیم کرده و مکان آنها را در مرورگرها هماهنگ کنید.
ظاهر یک جدول HTML را می توان به کمک CSS به شکل قابل توجهی بهبود بخشید . برای مثال جدول زیر را در نظر بگیرید :
آموزش CSS3
در این مقاله به معرفی CSS 3 و امکانات آن مانند انیمیشنها، تبدیلهای دوبعدی و سهبعدی، رابط کاربری پیشرفته و سازگاری با مرورگرهای مدرن میپردازیم.
در این مقاله به آموزش استفاده از خاصیت border-radius در CSS3 میپردازیم و نحوه گرد کردن گوشههای عناصر و ایجاد طرحهای زیبا و مدرن را بررسی میکنیم.
در این مقاله به آموزش قابلیتهای جدید پسزمینه در CSS3 میپردازیم؛ از افزودن چندین تصویر پسزمینه و تنظیم اندازه گرفته تا استفاده از background-origin و background-clip.
در این مقاله با انواع رنگها در CSS3، از جمله RGBA، HSL و HSLA، و نحوه استفاده از شفافیت با Opacity برای طراحیهای جذاب آشنا میشوید.
با آموزش گرادینت در CSS، نحوه ایجاد پسزمینههای خطی، شعاعی و مخروطی را یاد بگیرید و با ترکیب رنگها و شفافیت، طراحیهای جذابتری بسازید.
در این مقاله با box-shadow و text-shadow در CSS3 آشنا میشوید و نحوه ایجاد سایههای داخلی، چندگانه و افکتهای تعاملی را یاد میگیرید.
در این مقاله با خواص جدید متن در CSS3 مانند text-overflow، word-wrap و word-break آشنا میشوید و نحوه مدیریت سرریز و شکستن کلمات را یاد میگیرید.
در این مقاله با استفاده از @font-face در CSS3 آشنا شوید و یاد بگیرید چگونه فونتهای سفارشی را برای وبسایت خود تعریف کنید و تجربه کاربری را بهبود بخشید.
در این مقاله با تبدیلهای دوبعدی CSS3 آشنا شوید؛ متدهایی مانند translate، rotate، scale و skew به شما امکان جابجایی، چرخش و تغییر اندازه عناصر را میدهند.
در این مقاله با تبدیلهای سهبعدی CSS3 مانند rotateX، rotateY، translate3d و matrix3d آشنا شوید و نحوه اعمال جلوههای سهبعدی به عناصر را یاد بگیرید.
در این مقاله با خاصیت Transition در CSS3 آشنا شوید؛ نحوه ایجاد افکتهای تدریجی روی عناصر HTML با استفاده از duration، timing و delay را یاد بگیرید.
در این مقاله با نحوه ایجاد انیمیشن در CSS3 آشنا شوید؛ از تعریف keyframes تا استفاده از animation-duration، animation-delay و نحوه تنظیم تکرار انیمیشن.