09902090383

09337734689

تهران، خیابان شریعتی، خیابان معلم

resume.webbyme.ir

تلگرام طراحی سایت وب من

09902090383

09127363007

Top

آموزش

استفاده از :default :default یک pseudo-class است و زمانی که یک گروه از عناصر مرتبط را داشته باشیم :default، selector با مقدار پیش فرض را انتخاب می کند. برای مثال یک گروه از دکمه های رادیویی را در نظر بگیرید، در این گروه یکی از دکمه ها به صورت پیش فرض انتخاب شده است پس اگر کاربر مقدار دیگری را انتخاب کند این دکمه باز هم در حالت انتخاب خواهد ماند. CSS input[type="radio"]:default + label:after { content: ' (default)'; color: #999 font-style: italic; } در...

کد bottom در css با استفاده از ویژگی bottom شما میتوانید فاصله عنصر موجود در صفحه را تا قسمت پایینی مشخص کنید این اتفاق در صورتی ممکن میباشد که از position: relative استفاده کرده باشید در غیر این صورت نسبت به عنصری که relative باشد تغییر میکند برای مقدار دادن به این عنصر از منفی هم میتوانید استفاده کنید در این صورت عنصر شما به سمت چپ حرکت میکند و با مقدار مثبت به سمت بالا CSS .item:dir(rtl) { background:...

استفاده از کلاس ها در CSS در اولین قدم- برای انتخاب کلاس در CSS یک نقطه می گذاریم.مانند مثال زیر: CSS .className { } بافراخوانی یک کلاس تمام عناصر با آن ویژگی را انتخاب می شوند.برای درک بهتر مطلب به کد زیر دقت کنید: HTML Push Me حالا با فراخوانی کلاس تگ button را انتخاب می کنیم: CSS .big-button { font-size: 60px; padding: 10px; border-radius: 10px; } حالا button به شکل زیر می شود: Push Me کلاس ها در زبان CSS می توانند با حرف، عدد،خط ربط(-)،...

css3 child inheritance ارث بری یکی از ساده ترین روش های انتخاب css3 child inheritance ارث بری استفاده از علامت بزرگتر است.برای درک بهتر به مثال زیر توجه کنید: CSS ol > li { color: red; } پس در این روش فقط فرزندان مستقیم انتخاب می شوند در این مثال المان هایی از لیست که (li) مستقیما فرزند ol هستند انتخاب می شوند.در زیر کد HTML فایل آورده شده است: HTML    WILL be selected    WILL be selected           Will NOT be selected       Will NOT be selected        WILL...

css3 selector :checked check: ( یک pseudo-class است ) در CSS عناصر ( المان ها ) را وقتی که در حالت انتخاب هستند فعال می کند؛ منظور از حالت انتخاب input هایی با نوع radio و checkbox هست. پس check: وقتی که input نوع radio و checkbox را داشته باشد برای ما قابل استفاده هست، حالا وقتی که selector در وضعیت جدید قرار می گیرد ( یعنی انتخاب شود یا تیک زده شود ) check: شروع به کار...

color با استفاده از کد color شما میتوانید برای عنصر موجود در صفحه رنگ مشخص کنید . کد هایی که میتوانید از آن استفاده کنید به شرح زیر میباشد: CSS color: #000; color: #f5f5f5 color: rgb(0,0,0); color: rgba(0,0,0,0.5); color: black; پشتیبانی در مرورگرها Chrome Safari Firefox Opera IE Android iOS Any Any Any Any Any Any Any مطالب مرتبط background image مطالب بیشتر color ...

clear کد clear با مقدار float در ارتباط میباشد. زمانی که از کد clear استفاده میکنید هیچ عنصر دیگری در کنار عنصر شما در صفحه قرار نمیگیرد و به پایین عنصر شما منتقل می شود. در صورتی که شما در صفحه از مقدار float استفاده کرده باشید میتوانید عناصر دیگر را در کنار و زیر آن عنصر جایگذاری کنید. برای مثال زمانی که میخواهید در کنار عنصر شما در صفحه عنصر دیگری قرار نگیرد و بقیه عناصر در...

display code میتوانیم display code را چارچوبی تعریف کنیم که دو مقدار اصلی برای ظاهر شدن متفاوت دارد inline و block CSS display: block/inline ; inline زمانی که ما در یک خط به عنصری که دارای چارچوب باشد برخورد کنیم(تصویر،بردر،رنگ پس زمینه) با استفاده از این کد تمامی عناصر شما در یک خط قرار خواهد گرفت و به خط بعدی منتقل نخواهد شد. block نقطه مقابل inline قرار دارد و عنصری که دارای چارچوب میباشد تمام عرض خط افقی را میگیرد. none زمانی...

آموزش direction کد direction جهت نوشتار شما را مشخص میکند در جدول زیر طرز صحیح کدنویسی برای زبان فارسی و یا عربی را میتوانید ببینید در جدول زیر طرز صحیح کدنویسی برای زبان هایی که نوشتار آنها از چپ به راست می باشد را میتوانید ببینید کد direction جهت نوشتار شما را مشخص میکند در جدول زیر طرز صحیح کدنویسی برای زبان فارسی و یا عربی را میتوانید ببینید در جدول زیر طرز صحیح کدنویسی برای زبان هایی که نوشتار آنها...

box-shadow با استفاده از ویژگی box-shadow شما میتوانید به تمامی عناصر موجود در صفحه سایه دهید مقادیری که شما میتوانید از آن استفاده کنید به شرح زیر میباشد: CSS box-shadow:[horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color] مقدار اول فاصله سایه تا باکس را در محور x مشخص میکند و مقدار مثبت آن را به سمت راست و مقدار منفی آن را به سمت چپ هدایت .میکند .مقدار دوم فاصله سایه تا باکس را مشخص میکند و مقدار مثبت...