هنگام راه اندازی یک فروشگاه آنلاین طراحی وب سایتی که قابلیت تجارت الکترونیک یا Ecommerce هم داشته باشد، بسیار مهم است. علتش هم این است که مشتریان بالقوه را جذب می کند، تجربه کاربری لذت بخشی را به ار
بخش زیر مرور کوتاهی از ویژگی های CSS3 است. ویژگی های CSS3 براساس حروف الفبا در این بخش یک لیست کامل از ویژگی های استاندارد متعلق به آخرین مشخصات CSS3 آمده است. همه ویژگی ها به چندین دسته گروه بندی می
در این بخش قوانین at را درCSS را شرح خواهیم داد. تعریف قوانین at با کلمه کلیدی ات سایگن (یک کاراکتر @) شروع می شود و بلافاصله پس از آن یک شناسه قرار می گیرد و شامل هر چیزی است تا سیمی کالون بعدی (؛)
مدیا کوئری های CSS شما را قادر می سازند تا اسناد خود را در اندازه های مختلف دستگاه های خروجی به درستی قالب بندی کنید. مدیا کوئری ها و طراحی واکنش گرا وب مدیا کوئری ها این امکان را فراهم می آورند تا ب
افکت های فیلتر در CSS3 روشی آسان برای اعمال جلوه بصری بر روی تصاویر فراهم می کنند. شناخت توابع فیلتر در ۳ CSS در این بخش درباره افکت های فیلتر معرفی شده در CSS3 بحث خواهیم کرد که می توانید از آنها بر
جعبه انعطاف پذیر در CSS3 یا flexbox (فلکس باکس) یک مدل جدید برای ساخت انعطاف پذیرتر از طراحی رابط کاربری است. شناخت مدل طراحی Flex جعبه انعطاف پذیر، که معمولاً با عنوان flexbox، به آن اشاره می شود، ی
با CSS3 می توانید محتوای متنی یک عنصر را در چند ستون تقسیم کنید. ایجاد طرح های چند ستونه CSS3 اجزای طرح بندی چند ستونه را برای ایجاد چند لایه ستون با روشی آسان و کارآمد معرفی کرده است. اکنون می توانی
ویژگی انیمیشن های CSS3 به شما امکان ایجاد انیمیشن های keyframe (فریم کلیدی) را می دهد. ساخت انیمیشن ها در CSS3 در فصل قبل با شیوه ساخت انیمیشن های ساده مانند حرکت یک ویژگی از یک مقدار به مقدار دیگر ت
ویژگی transition در CSS3 اجازه می دهد تا تغییرات در مقادیر ویژگی CSS به آرامی و به تدریج در مدت زمان مشخصی رخ دهد. مفهوم انتقال در CSS3 معمولاً وقتی مقدار یک ویژگی CSS تغییر می کند، نتیجه نمایش آن به
تبدیل سه بعدی عناصر با ویژگی تبدیل سه بعدی در CSS3 می توانید کاری های تبدیل پایه، مانند: انتقال، چرخش، تغییر اندازه و انحراف عناصر را در یک فضای سه بعدی انجام دهید. یک عنصر تبدیل شده بر عناصر اطراف ت
ویژگی تبدیل دو بعدی در CSS3 اجازه می دهد تا عناصر در فضای دوبعدی تبدیل شوند. تبدیل دو بعدی عناصر با استفاده از ویژگی تبدیل دو بعدی در CSS3 می توانید در فضای دو بعدی عملیات تبدیل پایه ای، مانند: انتقا
با استفاده از CSS3، می توانید را روی یک عنصر سایه اعمال کنید. استفاده از سایه های CSS3 CSS3 به شما امکان می دهد تا بدون استفاده از هیچ تصویری، افکت های سایه را به عناصر اضافه کنید، مانند عکس های خود
ویژگی های جدید متن در CSS3 کنترل بیشتری بر ارائه متن فراهم می کنند. کنترل سرریز متن در CSS3 CSS3 چندین ویژگی خاص جدید را برای تغییر محتوای متن معرفی کرده است، اما برخی از این ویژگی ها از مدت ها فبل و
ویژگی gradient درCSS3 به شما امکان می دهد بدون استفاده از هر تصویری، از یک رنگ به رنگ دیگر شیب ایجاد کنید. استفاده از شیب های رنگ در CSS3 ویژگی gradient (گرادیانت یا شیب) در CSS3 یک راه حل انعطاف پذی
با استفاده از CSS3 می توانید چندین پس زمینه را روی عناصر اعمال کنید. استفاده از پس زمینه های CSS3 CSS3 چندین ویژگی جدید برای کار با پس زمینه عنصر ارائه می دهد؛ مانند برش پس زمینه، پس زمینه های چندگان
CSS3 چندین روش جدید برای تعریف مقادیر رنگ ارائه می دهد. تعریف رنگ ها در CSS3 در بخش های قبلی یاد گرفتید که چگونه با استفاده از کلمات کلیدی رنگ و مقادیر RGB، رنگ ها را تعریف کنید. علاوه بر آنها CSS3 چ
با استفاده از CSS3 می توانید تصاویر را روی حاشیه های یا همان مرزهای یک عنصر اعمال کنید. نکته: در این متن حاشیه معادل بوردر یا مرز ترجمه گردیده است. استفاده از حاشیه ها در CSS3 CSS3 دو ویژگی جدید برای
یک انتخابگر ویژگی، عناصری از HTML را انتخاب می کند که دارای یک ویژگی خاص یا یک ویژگی با مقدار خاص هستند. معرفی انتخابگرهای ویژگی انتخابگرهای ویژگی در CSS یک روش آسان و قدرتمند برای اعمال استایل ها بر
ویژگی opacity در CSS میزان وضوح و شفافیت یک عنصر را مشخص می کند. ناسازگاری مرورگر با Opacity هم اکنون Opacity بخشی از مشخصات CSS3 است اما از مدت ها قبل وجودداشته است. با این حال، مرورگرهای قدیمی روش
تکنیک sprites (اسپریت ها) در CSS، با ترکیب تصاویر در یک فایل واحد روشی برای کاهش تعداد درخواست های HTTP برای منابع تصویر است. Sprite چیست؟ Sprites تصاویر دو بعدی هستند که از ترکیب چندین تصویر کوچک در
انواع رسانه ها در CSS این امکان را فراهم می کنند تا بتوانید اسناد خود را به درستی روی انواع رسانه های مختلف مانند: صفحه نمایش، چاپ، مرورگر شنیداری و …. قالب بندی کنید. آشنایی با انواع رسانه ها یکی از
شبه عناصر در CSS روشی برای سبک دهی عناصر سند است که به طور صریح با یک موقعیت در درخت سند تعریف نشده اند. شبه عنصر چیست؟ شبه عناصر امکان می دهد تا عناصر یا بخش هایی از عناصر را بدون اضافه کردن شناسه ی
یک انتخابگر شبه کلاس در CSS عناصر را بر اساس یک شرط اضافی مطابقت می دهد و لزوما با درخت سند تعریف نمی شود. شبه کلاس چیست؟ شبه کلاس ها در CSS به شما امکان می دهند تا حالت های پویای عنصر مانند شناور، ح
CSS دارای چندین ویژگی است که می تواند برای تراز کردن عناصر در صفحات وب از آن ها استفاده شود. تراز متن متن در داخل عناصر بلوکی را می توان با تنظیم ویژگی text-align تراز کرد. مثال h1 { text-align: cent
ویژگی float در css تعیین می کند که یک جعبه باید شناور باشد یا نه. عناصر شناور با CSS می توانید عناصر را در سمت چپ یا راست شناور کنید، اما فقط روی عناصری اعمال می شود که برای جعبه های آن ها، مقدار ویژ
از ویژگی z-index در CSS می توان همراه با ویژگی position استفاده کرد تا نمایشی از لایه ها مانند فتوشاپ ایجاد شود. عناصر روی هم قرارگرفته در لایه ها با استفاده از ویژگی z-index معمولاً صفحات HTML دو بع
ویژگی position یا همان موقعیت در سی اس اس، نحوه قرارگیری عنصر را در صفحه مشخص می کند. روش های تعیین موقعیت در CSS تعیین موقعیت مناسب عناصر در صفحات وب یک ضرورت برای طراحی چیدمان خوب است. روش های مختل
ویژگی visibility مشخص می کند که یک عنصر قابل مشاهده باشد یا پنهان. کنترل قابلیت مشاهده عناصر می توانید از ویژگی visibility برای کنترل اینکه یک عنصر قابلیت مشاهده داشته یا خیر، استفاده کنید. این ویژگی
ویژگیdisplay ، نوع جعبه تولید شده توسط یک عنصر را کنترل می کند. ویژگیdisplay در CSS ویژگی های CSS برای همه عناصر یک مقدار نمایش پیش فرض تعریف می کند، به عنوان مثال عنصر <div> به صورت بلوکی ارائ
به طور معمول مدل قالب بندی تصویری یا قالب بندی بصری یا ویژوال فورمتینگ، شیوه پردازش عناصر موجود در درخت سند را برای رسانه های بصری مانند صفحه نمایش رایانه توضیح می دهد. مدل قالب بندی تصویری در CSS مد
واحد ها برای مشخص کردن مقدار طول غیر صفر در ویژگی های CSS استفاده می شوند. درک واحدهای CSS واحدهایی که برای طول اندازه گیری می شوند؛ می توانند مطلق باشند، مانند پیکسل، پوینت و … و یا می توانند نسبی ب
ویژگی های بعد در CSS برای کنترل ارتفاع و عرض یک عنصر استفاده می شود. ویژگی های ابعاد CSS CSS چندین ویژگی مانند width (عرض)، height (ارتفاع)، max-width (حداکثر عرض) و max-height (حداکثر ارتفاع) و … را
ویژگی Overflow برای زمانی که محتوای عنصر از جعبه عنصر سرریز شود (اندازه نباشد)، واکنش نشان می دهد. کنترل محتوای سر ریز شده ممکن است شرایطی پیش آید که محتوای یک عنصر از ابعاد جعبه بزرگتر شود. به عنوان
ویژگیcursor در CSS برای تعریف نوع مکان نما (اشاره گر ماوس) هنگام حرکت ماوس روی یک منطقه خاص یا یک لینک در صفحه وب، استفاده می شود. تغییر ظاهر مکان نما به طور معمول مرورگرها در قسمت های خالی صفحه وب م
خط بیرونی، خطی است که دقیقاً خارج از لبه حاشیه عناصری مانند دکمه ها، فیلدهای فعال فرم و .. ترسیم می شود تا مورد توجه قرار گیرند. مقایسه Outline با Border به طور کلی، Outline یا خط بیرونی، برای برجسته
حاشیه در اطراف padding و محتوای یک عنصر قرار می گیرد. ویژگی های حاشیه CSS ویژگی های حاشیه در CSS به شما امکان می دهد تا ناحیه مرزی برای جعبه تعریف کنید. برای حاشیه هم می توان سبک تعریف کرد، مانند: خط
ناحیه Padding، فضای بین محتوای عنصر و حاشیه آن می باشد. ویژگی های Padding در CSS ویژگی های padding درCSS به شما امکان می دهد تا ناحیه اضافی برای عنصر تنظیم و حاشیه عنصر را از محتوای آن جدا کنید. رنگ
margin ناحیه ای است در اطراف حاشیه عنصر که آن را از جعبه های عناصر دیگر جدا می کند. ویژگی های margin در CSS ویژگی های margin در CSS به شما امکان می دهد تا فاصله اطراف سمت های مختلف یک جعبه عنصر را تن
مدل جعبه ای در CSS شیوه نمایش تصویری عناصر در صفحات وب را شرح می دهد. مدل جعبه ای چیست؟ هر عنصر قابل نمایش، از یک یا چند جعبه مستطیلی شکل، تشکیل شده است. اساسا، مدل جعبه ای CSS نحوه قرارگیری این جعبه
جدول ها معمولاً برای ارائه داده های جدولی استفاده می شوند. سبک دهی به جدول ها با CSS هنگامی که یک جدول را در HTML بدون هیچگونه سبک یا خصوصیتی می سازید، مرورگرها آنها را بدون هیچگونه حاشیه ای نشان می
ویژگی های لیست برای کنترل نمایش نشانه گرهای آیتم ها یا موارد لیست استفاده می شود. انواع لیست HTML سه نوع لیست مختلف در HTML وجود دارد: لیست های غیر ترتیبی – لیستی از مواردا که در آن هر مورد لیست با ب
یک پیوند یا لینک، یک ارتباط از یک منبع وب به منبع دیگری را برقرار می کند. سبک دهی لینک ها با CSS یک لینک چهار حالت مختلف دارد – بازدید نشده (یا link)، بازدید شده (یا visited)، فعال (یاactive ) و شناو
ویژگی های متن در CSS به شما امکان می دهد چندین سبک مانند رنگ، تراز، فاصله، آرایش، تبدیل نوع حروف و … را به راحتی برای متن تعریف کنید. قالب بندی متن با CSS CSS برای تعریف سبک های متن چندین ویژگی دارد.
ویژگی های فونت یا قلم در CSS به شما امکان می دهد تا سبک های مختلفی برای قلم متن مانند خانواده قلم، اندازه و توپری قلم، شکل قلم و … را تنظیم کنید. ویژگی های قلم CSS چندین ویژگی برای برای سبک دهی قلم م
از ویژگی های background در CSS برای تعریف سبک های پس زمینه در عناصر استفاده می شود. ویژگی های background CSS چندین ویژگی برای سبک دهی پس زمینه یک عنصر فراهم می کند، مانند: background-color، backgroun
ویژگی color در CSS رنگ پیش زمینه را برای یک عنصر مشخص می کند. تنظیم ویژگی color ویژگی color به طور معمول رنگ محتوای متن یک عنصر را مشخص می کند. به عنوان مثال، ویژگی color که در قسمت انتخابگر body مشخ
انتخابگر CSS الگویی برای تطبیق عناصر موجود در سند HTML است. قوانین سبک متناظر به عناصری اعمال می شوند که با الگوی انتخابگر مطابقت دارند. انتخابگر چیست؟ انتخابگرها یکی از مهمترین جنبه های CSS هستند زی
در این آموزش یاد می گیرید که چگونه قوانین CSS را در شیوه نامه خود تعریف کنید. درک ساختار CSS یک شیوه نامه CSS شامل مجموعه ای از قوانینی است که توسط مرورگر وب تفسیر می شود و سپس در عناصر مربوطه مانند
یک فایل CSS به سادگی یک فایل متنی ساده است که با پسوند css. ذخیره شده است. شروع کار با CSS در این آموزش یاد می گیرید که اضافه کردن اطلاعات سبک و قالب بندی به صفحات وب با استفاده از CSS چقدر آسان است.
CSS فناوری نمایش مهمی است که برای طراحی وب سایت استفاده می شود. معرفی CSS CSS مخفف Cascading Style Sheets به معنای برگه های سبک آبشاری است. CSS یک زبان شیوه نامه استاندارد است که برای توصیف نمایش (یع
خواندن 5 دقیقه
برای دسترسی به تمامی امکانات به اکانت خود وارد شوید