آموزش گام به گام CSS – گام چهارم

واحد های شمارش در css  شامل واحدهای زیر میباشند.

  1. %   >>  درصد
  2. in >> اینچ
  3.  cm  >> سانتیمتر
  4. mm  >> میلیمتر
  5. em  
  6. ex 
  7. pt >>  برابر با ۱/۷۲ اینچ
  8. pc >> برابر با ۱۲ point
  9. px  >> پیکسل

مرجع انتخابگرها در CSS

.class

    .intro
    {
    background-color:yellow;
    }


این مثال تمامی عناصری که class=”intro”  هستند را  انتخاب و style مورد نظر را به آنها اعمال میکند. ادامه مطلب…







آموزش گام به گام CSS – گام سوم

خواص مربوط به سرریزی Overflow عناصر در CSS

در این بخش از آموزش css ، ویژگی Overflow را آموزش میدهیم.

در صورتی که محتوای یک عنصر سر ریز کند با این ویژگی میتوانید مشخص کنید که بعد از سرریز شدن چه اتفاقی بیفتد.

    div
    {
    width:150px;
    height:150px;
    overflow:scroll;
    }

در مثال بالا ، در صورتی که ارتفاع و عرض محتوای داخل div بیشتر از مقدار طول و عرض تعیین شده شود ، div بصورت اسکرول نمایش داده میشود.

مقادیری که میتوانید در این خصوصیت استفاده کنید :

visible : حالت پیش فرض است که بصورت معمولی نمایش داده می شود.

hidden : در این حالت در صورتی که محتوا از طول و عرض عنصر تجاوز کند ، نمایش داده نمیشود.

scroll : که در بالا گفته شد، عنصر اسکرول عمودی و افقی خواهد خورد. ادامه مطلب…







آموزش گام به گام CSS – گام دوم

تنظیم ابعاد در CSS

برای تنظیم ابعاد عناصر در CSS  از چند ویژگی میتوان استفاده کرد که مهمترین و اصلی ترین آنها Width و Height میباشد.

در ذیل به توضیح این ویژگی ها با توجه به ورژن تعریف شده در CSS میپردازیم.

height :  این ویژگی در تمام مرورگر ها پشتیبانی میشود.

     p.ex

    {
    height:100px;

    }

با دو ویژگی max-height و max-width شما میتوانید حداکثر مقدار را برای یک عنصر تنظیم کنید.

max-height :  این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر

     p

    {
    max-height:50px;
    }

max-width : این ویژگی در تمام مرورگر ها پشتیبانی میشود. به استثتا IE6 و ورژن های پایین تر

  p

    {
    max-width:100px;
    }

با دو ویژگی min-height و min-width شما میتوانید حداقل  مقدار را برای یک عنصر تنظیم کنید. ادامه مطلب…







آموزش گام به گام CSS – گام اول

Css چیست ؟ (سی اس اس چیست)

css چیست ؟ الگوهای آبشاری یا روی‌ انداز آبشاری سَبْک یا سی‌ اس‌ اس (به انگلیسی: CSS: Cascading Style Sheets ) در کنار اچ‌تی‌ام‌ال هستهٔ فناوری ساخت صفحه‌های وب هستند. سی‌اس‌اس روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها) بر صفحه‌های وب است. الگوهای آبشاری از جنس زبان‌های نشانه‌گذاری، با ساختار متن سادهٔ رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پی‌درپی، برای چگونگی نمایش هر صفحه وب افزوده می‌شود. به گفته‌ای ساده تر، این دستورها روش نشان داده شدن قلم‌ها و اندازه شان، رنگ‌ها و پس زمینه‌ها، روش چیدمان موزاییک‌های دربرگیرنده داده‌ها (دیواره ها)، و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای می‌دهند.

کاربرد اصلی css چیست ؟ بیشترین استفاده‌ای که از این زبان در حال حاضر می‌شود مشخص کردن سبک صفحهٔ وب اچ‌تی‌ام‌ال و اکس‌اچ‌تی‌ام‌ال است ولی آن را می‌توان بر هر نوع مستند اکس‌ام‌ال از جمله اس‌وی‌جی و اکس‌یوال اعمال کرد. نگهداری و تغییر مشخصات سی‌اس‌اس به عهدهٔ کنسرسیوم وب جهانگستر است. ادامه مطلب…







دانلود دوره آموزشی Udemy Learn By Example: The Foundations of HTML, CSS & Javascript

عناوین آموزشی :

HTML را درک کنید – ساختار آن و تگ های معمول استفاده شده
استفاده از CSS، از جمله ارث، انتخابگرها، مدل جعبه – موضوعاتی که CSS سخت استفاده می کند
کارشناسی ارشد از جاوا اسکریپت
استفاده از بسته شدن، نمونه اولیه پویا، JSON و مدل Document-Object-Model با اعتماد به نفس

ادامه مطلب…







دانلود دوره آموزشی پیشرفته CSS لیندا – Lynda CSS Advanced Layouts with Grid

 

ادامه مطلب…