خانه / بایگانی برچسب: css3

بایگانی برچسب: css3

آموزش html و css

. دوره آموزشی HTML آموزش html و css یکی از گام های اولیه جهت آموختن مهارت های لازم در طراحی و برنامه نویسی نرم افزار های تحت وب یادگیری زبان HTML می باشد. در این دوره آموزشی این زبان به طور کامل مورد بررسی قرار می گیرد. عناوین برخی از مهمترین مباحثی که در این دوره تدریس می شود بدین شرح می باشد. آشنایی با مفاهیم اولیه وب و HTML بررسی مرورگر های گوناگون بررسی مفاهیم اساسی HTML چگونگی ایجاد ...

ادامه مطلب

شبه عناصر before و after در CSS

before یک محتوای element تولید شده است که نشانگر اولین child یک abstract styleable در element مربوطه است. محتوای وارد شده با استفاده از ::before قبل از محتوای دیگری در element وارد میشود و بطور default بصورت درون خطی نشان داده میشود. ارزش محتوا با استفاده از content property تعیین میشود. برای مثال، فرض کنید که شما یکblockquote با چند متن دارید. شما میتوانید با استفاده از ::before چند علامت چنگک (علامت نقل قول) را قبل از متن اصلی وارد ...

ادامه مطلب

آموزش 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) مختلف فراهم می کند. برای هدف قرار ...

ادامه مطلب

سلکتور های CSS

آموزش CSS (فصل دوازدهم – جلسه دوم) : سایر گزینشگرها در CSS در این جلسه از آموزش css با گزینشگرهای صفت یا همان attr selectors آشنا خواهیم شد. همانطور که میدانید تگ های html دارای صفت هایی نیز هستند ما در این جلسه خواهیم آموخت که چگونه به هر تگ با صفت های مختلف استایل متفاوتی دهیم. گزینشگرهای صفت برای انتخاب یک صفت در css پس از انتخاب تگ، صفت و مقدار آنرا در داخل [] قرار می دهیم به ...

ادامه مطلب

animation در css

آموزش CSS (فصل دوازدهم – جلسه اول) : سایر گزینشگرها در CSS گزینشکرها (selectors) در این جلسه از آموزش css با سایر گزینشگرهایی که در Css3 معرفی شده اند صحبت خواهیم کرد. اگر دومین پست از آموزش css را خوانده اید، با هم درمورد گزینشکرها صحبت کردیم گفتیم که در css شش نوع گزینشگر برای انتخاب المنتها وجود دارد که یگی از ان ها کلاس های کاذب (pseudo-class) بودند، که این سلکتورها برای نمایش رویدادهای صفحه از جمله، کلیک، هاور، ...

ادامه مطلب

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-59c571e51b749969058601/]   مقدار پیشفرض : none Rotate  : برای ...

ادامه مطلب

خصوصیت position در css

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

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