خانه / بایگانی برچسب: سری آموزشی CSS‏

بایگانی برچسب: سری آموزشی CSS‏

آموزش CSS خصوصیت Media

آموزش CSS (فصل سیزدهم – جلسه دوم) : خصوصیت Media طراحی برای دستگاه موبایل مرورگرهای مخصوص mobile و device های با صفحه نمایش کوچک به دلیل محدودیت در اندازه ی صفحه نمایش چالشی را در طراحی style ایجاد می کنند که همین امر باعث می شود تا style متفاوتی را برای آنها تعریف کنیم. همانند تعریف دو style متفاوت برای print و screen. در موبایل و device های با صفحه نمایش کوچک می توان از mediaی handheld استفاده کرد اما ...

ادامه مطلب

آموزش CSS Media چیست؟

آموزش CSS (فصل سیزدهم – جلسه اول) : خصوصیت Media Media چیست؟ در یک سند HTML برخی قسمت های صفحه مخصوص پرینت گرفتن می باشند و باید از style مربوط به print پیروی کنند و بعضی دیگر از قسمت ها از جمله navigation سایت نیازی به print ندارند و میتوناد از هر نوع style ای استفاده کند. از این رو css چندین خصوصیت برای کنترل نحوه ی نمایش سند در رسانه های (media) مختلف فراهم می کند. برای هدف قرار ...

ادامه مطلب

keyframes و انیمیشن css

آموزش CSS (فصل یازدهم – جلسه سوم) : آشنایی با جلوه های ویژه ی CSS3 انیمشین در این جلسه از اموزش css در رابطه با ساخت انیمشن در css3 صحبت خواهیم کرد. در css3 ما به راحتی می توانیم اجزاء صفحه را حرکت دهیم، آنها را بچرخانیم، کوچک و بزرگ کنیم و در کل هر انیمشنی را بدون استفاده از هیچ زبان دیگری بسازیم. @keyframes برای ساخت انیمشین در css3 ما نیاز داریم که بفهمیم keyframes چیست و چطور عمل ...

ادامه مطلب

transition در css

آموزش CSS (فصل یازدهم – جلسه دوم) : آشنایی با جلوه های ویژه ی CSS3 خاصیت transition در این جلسه راجع به افکت ها و انیمیشن ها در css3 صحبت خواهیم کرد که با استفاده از css3 و البته بدون استفاده از جاوااسکریپت ، فلش یا جی کوئری ،چگونه بتوانیم افکتها و انیمشینهای حرکتی جالب را بر روی عناصر صفحه وبمان اعمال کنیم. قاعده کلی یک افکت در css3 به این صورت است که ابتدا باید تعیین کنیم افکت قرار ...

ادامه مطلب

transform در css

آموزش CSS (فصل یازدهم – جلسه اول) : آشنایی با جلوه های ویژه ی CSS3 خاصیت transform شما میتوانید با استفاده از خاصیت transform  بر روی عناصر جلوه های ویژه ای را اعمال کنید ( در آخر خواهیم آموخت چگونه با استفاده از این خاصیت یه حالت انیمیشن به عناصر بدهیم.) این خاصیت سه مقدار دارد، و هر مقدار  برای یکی از جلوه ها به کار می رود. قاعده کلی : [crayon-5a17b07c0ddfd268096934/]   مقدار پیشفرض : none Rotate  : برای ...

ادامه مطلب

opacity و visibility در css

آموزش CSS (فصل دهم) : خاصیت های opacity ، visibility و cursor خصوصیت opacity با استفاده از خاصیت opacity می توان میزان شفافیت یک عنصر را کنترل کرد. قاعده کلی : [crayon-5a17b07c0e3af109629991/]   مقدار پیشفرض : ۱ مقدار ۱ برای خاصیت opacity مشخص می کند که یک عنصر یا کاملا ناشفاف یا تیره ( مات ، کدر ، مبهم ، opaque)  باشد. و مقدار صفر برای ویژگی opacity تعیین میکند که عنصر کاملا نامرئی (invisible) باشد. مقدار opacity را باید ...

ادامه مطلب

خصوصیت position در css

آموزش CSS (فصل هشتم) : تعیین موقعیت عناصر موقعیت عناصر در صفحه Positioning به شما این امکان را می دهد که موقعیت هر عنصر را به دقت در یک سند مشخص کنید. می توان مشخص کرد که موقعیت یک عنصر به عنصر پدر خود وابسته باشد یا به پنجره ی مرورگر. با استفاده از positioning می توان یک عنصر را بر روی عنصر دیگر لایه بندی کرد. Positioning شامل خاصیت position و چهار مقدار left , right , bottom ,top ...

ادامه مطلب

آموزش CSS list style

آموزش CSS (فصل هفتم) : کار با لیست ها لیست ها عناصری با کاربرد های بسیار متنوع هستند. از جمله برای بخش navigation سایت و برای ایجاد کنترل های tab استفاده می شوند. Navigation معمولا شامل لیستی از لینک ها است، که دارای ویژگی های بصری می باشد و ثابت و خشک نیست، ما در این فصل به طریقه استایل دادن و معرفی خصوصیت هایی که برای کار با لیست ها در CSS استفاده میشود می پردازیم. خاصیت list-style-type با ...

ادامه مطلب

آموزش CSS خاصیت Float

آموزش CSS (فصل ششم) : شناور ساختن عناصر و تراز عمودی خاصیت Float  از این خاصیت برای شناور کردن عناصر و قرار دادن آن ها در کنار یکدیگر استفاده می شود و یکی از سه مقدار را می پذیرد : None : مقدار پیشفرض (هیچ) Left : عنصری که این خاصیت برای آن تخصیص یابد در سمت چپ صفحه و یا در سمت چپ عنصر پدر خود قرار خواهد گرفت و عناصر پس از آن نیز در کنار این عنصر ...

ادامه مطلب

آموزش CSS @font-face

آموزش CSS (فصل سوم – جلسه ۲) : قالب بندی متون خصوصیت text transform با استفاده از این خاصیت می توان کلمات (انگلیسی) را به حروف بزرگ یا حروف کوچک تبدیل کرد، و یکی از چهار مقدار زیر را می گیرد: Capitalize : اولین کاراکتر از هر کلمه را با حروف بزرگ نمایش می دهد. Uppercase: تمامی کاراکترهای یک کلمه را با حروف بزرگ نمایش می دهد. Lowercase :تمامی کاراکترهای یک کلمه را با حروف کوچک نمایش می دهد. None ...

ادامه مطلب
علی طاهری آموزشگاه طراحی سایت نوین آی تی 021-88283800 info(@)novin-it.net