loading...

طراحی سایت اختصاصی

بازدید : 14
چهارشنبه 10 آبان 1402 زمان : 12:31


مختصات فریم در Css3
تفاوت css و css3 ( مختصات فریم ) . یکی‌از خصوصیت های نو که در Css3 اضافه شد قابلیت گرد کردن کناره های عنصرها بود اما در Css2 نیز قابلیت گرد کردن کناره های عنصرها وجود داشت البته برای این شغل بایستی کد های متعددی نوشته می‌شد و پاره ای بغرنج بود البته در Css3 فقط با یک کد بی آلایش میتوان طراحی سایت اختصاصی این عمل را کرد.

border-radius: 15px هر 4 کناره عنصر متبوع را به اندازه 15 پیکسل گرد میکند .
خلال خصوصیت گرد کردن کناره های یک عنصر مختصات دیگری نیز در مورد قاب محیط یک عنصر اضافه گردیده‌است که در تحت مختصات نو اضافه گردیده در Cs33 را اسم می بریم.
border-radius
border-image-source
border-image-slice
border-image-width
border-image-outset
border-image-stretch
border-image
مختصات نو اضافه گردیده در دورنما
یک کدام از دیگر از مختصات اضافه گردیده Css3 درخصوص دور‌نما قابلیت استعمال از یکسری عکس بعنوان دور‌نما میباشد.
background-repeat
background
background-attachment
background-clip
background-origin
background-size
ساخت و ساز سایه برای ارکان
از سایر تفاوت css و css3 این مورد میباشد . در Css3 برای خوشگل سازی بیشتر ارکان قابلیت و امکان ساخت‌و‌ساز سایه برای عنصرها به عنوان Box Shadow اضافه گردیده با این خصوصیت تازه میتوان سایه های جذابی به موادتشکیل دهنده بخشید مثلا میتوان شرایط سه آتی تشکیل داد به نحوی که بنظر بیایید که عنصر متبوع از شیت جداگانه گردیده است.

ساخت سایه برای متن
همانگونه که پیش از این اشاره کردیم قابلیت و امکان به کارگیری از سایه ها در Css3 برای طراحان آماده شد طراحان می توانند خلال تولید سایه برای موادسازنده با استعمال از مختصات Text Shadow می توانند برای متن نیز سایه های جذاب و جذابی ساخت نمایند

تفاوت css و css3 – ردیف بندی
یکی از دیگر از مورد ها تفاوت css و css3 در ردیف بندی ها میباشد ! در Css3 میتوان تعداد و اندازه پهنا ردیف ها را معلوم کرد این به این معناست که شما می توانید یک مقاله را در یک سری ردیف متعدد و در اندازه های متفاوت اکران دهید. ضمن این می توانید مسافت دربین ردیف ها را نیز به دلخواه تغییر‌و تحول دهید همینطور میتوان خطوطی تحت عنوان قاب در بین ردیف ها ساخت و رنگ و اندازه آن را تغییر‌و تحول بخشید.

column-width اندازه ردیف هارا معلوم میکند

column-count تعداد ردیف هارا معلوم میکند

column-gap مسافت در میان ردیف ها را معلوم میکند

column-rule-color رنگ فریم فی مابین ردیف هارا معین میکند

column-rule-style استایل فریم در میان ردیف هارا معین میکند (solid, dotted, double, …)

column-rule-width ضخامت قاب میان ردیف ها را معین میکند

گرادیانت یا این که GRADIENT در Css3
عده ای که با قابل انعطاف افزارهای گرافیکی مثل فوتوشاپ کارکردند اسم گرادیانت را شنیده اند به یاری این وِیژگی تازه در Css3 میتوان یک افکت رنگی خوشگل ساخت که به تدریخ از یک رنگ آغاز گردیده و در نقطه نهایی به یک رنگ خاصی ختم میگردد ولی قادر است دربین این دو رنگ چند رنگ دیگر نیز بهره مند شد. همینطور میتوان جهت ساخت این افکت رنگ را تهیه کرد کا با چه زاویه ای این افکت ساخت خواهد شد که یکی دیدنی ترین تفاوت css و css3 هم میباشد .

transition
یک کدام از مهمترین خصوصیت های که در Css3 اضافه شد‌ه‌است قابلیت به کارگیری از ترنزیشن هاست این خواص به طراحان اینترنت اذن می‌دهد مقادیر ویژگی های دیگر یک عنصر را کم کم و طی مجال یا این که برهه زمانی مشخص و معلوم تغییر تحول دهد به صورت نمونه میتوان اندازه و صورت یک عنصر را به ندرت و در یک دوران معین به اندازه و صورت دیگری تغییر تحول موقعیت اعطا کرد.

Animation
رسیدیم به یک کدام از دیدنی ترین مفاد در تفاوت css و css3 ! یکی‌از امکان های بسیار جالب Css3 انمیشن هاست که به طراحان قابلیت و امکان ساخت برنامه ای جالب و متحرک را می‌دهد. بوسیله یک انمیشن میتوان استایل یک عنصر را به‌تدریج به استایلی دیگر به دفعات دلخواه تغییر و تحول بخشید .

ولی در صدر به تنی چند از خصوصیت های Css3 اشاره کردیم و از هر کدام یکسری مختصات را معرفی کردیم و برای آنان نمونه زدیم با ظهور Css3 دنیای پیاده سازی دگرگون شد و به خیال و خاطر seo های انجام یافته در Css3 سرعت انجام و اجرای استایل به ارکان ارتقا چشمگیری داشت و همینطور به امداد مختصات تازه از پیچدگی پیاده سازی در Css2 کاسته شد .


مختصات فریم در Css3
تفاوت css و css3 ( مختصات فریم ) . یکی‌از خصوصیت های نو که در Css3 اضافه شد قابلیت گرد کردن کناره های عنصرها بود اما در Css2 نیز قابلیت گرد کردن کناره های عنصرها وجود داشت البته برای این شغل بایستی کد های متعددی نوشته می‌شد و پاره ای بغرنج بود البته در Css3 فقط با یک کد بی آلایش میتوان طراحی سایت اختصاصی این عمل را کرد.

border-radius: 15px هر 4 کناره عنصر متبوع را به اندازه 15 پیکسل گرد میکند .
خلال خصوصیت گرد کردن کناره های یک عنصر مختصات دیگری نیز در مورد قاب محیط یک عنصر اضافه گردیده‌است که در تحت مختصات نو اضافه گردیده در Cs33 را اسم می بریم.
border-radius
border-image-source
border-image-slice
border-image-width
border-image-outset
border-image-stretch
border-image
مختصات نو اضافه گردیده در دورنما
یک کدام از دیگر از مختصات اضافه گردیده Css3 درخصوص دور‌نما قابلیت استعمال از یکسری عکس بعنوان دور‌نما میباشد.
background-repeat
background
background-attachment
background-clip
background-origin
background-size
ساخت و ساز سایه برای ارکان
از سایر تفاوت css و css3 این مورد میباشد . در Css3 برای خوشگل سازی بیشتر ارکان قابلیت و امکان ساخت‌و‌ساز سایه برای عنصرها به عنوان Box Shadow اضافه گردیده با این خصوصیت تازه میتوان سایه های جذابی به موادتشکیل دهنده بخشید مثلا میتوان شرایط سه آتی تشکیل داد به نحوی که بنظر بیایید که عنصر متبوع از شیت جداگانه گردیده است.

ساخت سایه برای متن
همانگونه که پیش از این اشاره کردیم قابلیت و امکان به کارگیری از سایه ها در Css3 برای طراحان آماده شد طراحان می توانند خلال تولید سایه برای موادسازنده با استعمال از مختصات Text Shadow می توانند برای متن نیز سایه های جذاب و جذابی ساخت نمایند

تفاوت css و css3 – ردیف بندی
یکی از دیگر از مورد ها تفاوت css و css3 در ردیف بندی ها میباشد ! در Css3 میتوان تعداد و اندازه پهنا ردیف ها را معلوم کرد این به این معناست که شما می توانید یک مقاله را در یک سری ردیف متعدد و در اندازه های متفاوت اکران دهید. ضمن این می توانید مسافت دربین ردیف ها را نیز به دلخواه تغییر‌و تحول دهید همینطور میتوان خطوطی تحت عنوان قاب در بین ردیف ها ساخت و رنگ و اندازه آن را تغییر‌و تحول بخشید.

column-width اندازه ردیف هارا معلوم میکند

column-count تعداد ردیف هارا معلوم میکند

column-gap مسافت در میان ردیف ها را معلوم میکند

column-rule-color رنگ فریم فی مابین ردیف هارا معین میکند

column-rule-style استایل فریم در میان ردیف هارا معین میکند (solid, dotted, double, …)

column-rule-width ضخامت قاب میان ردیف ها را معین میکند

گرادیانت یا این که GRADIENT در Css3
عده ای که با قابل انعطاف افزارهای گرافیکی مثل فوتوشاپ کارکردند اسم گرادیانت را شنیده اند به یاری این وِیژگی تازه در Css3 میتوان یک افکت رنگی خوشگل ساخت که به تدریخ از یک رنگ آغاز گردیده و در نقطه نهایی به یک رنگ خاصی ختم میگردد ولی قادر است دربین این دو رنگ چند رنگ دیگر نیز بهره مند شد. همینطور میتوان جهت ساخت این افکت رنگ را تهیه کرد کا با چه زاویه ای این افکت ساخت خواهد شد که یکی دیدنی ترین تفاوت css و css3 هم میباشد .

transition
یک کدام از مهمترین خصوصیت های که در Css3 اضافه شد‌ه‌است قابلیت به کارگیری از ترنزیشن هاست این خواص به طراحان اینترنت اذن می‌دهد مقادیر ویژگی های دیگر یک عنصر را کم کم و طی مجال یا این که برهه زمانی مشخص و معلوم تغییر تحول دهد به صورت نمونه میتوان اندازه و صورت یک عنصر را به ندرت و در یک دوران معین به اندازه و صورت دیگری تغییر تحول موقعیت اعطا کرد.

Animation
رسیدیم به یک کدام از دیدنی ترین مفاد در تفاوت css و css3 ! یکی‌از امکان های بسیار جالب Css3 انمیشن هاست که به طراحان قابلیت و امکان ساخت برنامه ای جالب و متحرک را می‌دهد. بوسیله یک انمیشن میتوان استایل یک عنصر را به‌تدریج به استایلی دیگر به دفعات دلخواه تغییر و تحول بخشید .

ولی در صدر به تنی چند از خصوصیت های Css3 اشاره کردیم و از هر کدام یکسری مختصات را معرفی کردیم و برای آنان نمونه زدیم با ظهور Css3 دنیای پیاده سازی دگرگون شد و به خیال و خاطر seo های انجام یافته در Css3 سرعت انجام و اجرای استایل به ارکان ارتقا چشمگیری داشت و همینطور به امداد مختصات تازه از پیچدگی پیاده سازی در Css2 کاسته شد .

نظرات این مطلب

تعداد صفحات : 0

درباره ما
موضوعات
آمار سایت
  • کل مطالب : 158
  • کل نظرات : 0
  • افراد آنلاین : 1
  • تعداد اعضا : 0
  • بازدید امروز : 56
  • بازدید کننده امروز : 1
  • باردید دیروز : 14
  • بازدید کننده دیروز : 0
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 82
  • بازدید ماه : 593
  • بازدید سال : 1849
  • بازدید کلی : 2410
  • <
    آرشیو
    اطلاعات کاربری
    نام کاربری :
    رمز عبور :
  • فراموشی رمز عبور؟
  • خبر نامه


    معرفی وبلاگ به یک دوست


    ایمیل شما :

    ایمیل دوست شما :



    لینک های ویژه