نوشته شده توسط سيداحمدخزايي دسته: آموزش CSS
نمایش از 24 آبان 1392 بازدید: 166
پرینت

آموزش css

 CSS یا Cascade Style Sheets زبان برنامه نویسی می باشد که  عملا این زبان برنامه نویسی، مکملی بر زبان  HTML است و سعی در پر کردن نقاط ضعف و خلاء های آن دارد.CSS زبانی است که توسط آن قادر خواهید بود تا استایل طراحی صفحات وب سایت تان را یکبار تعریف و به صفحات مورد نیازتان اعمال نمایید.

استفاده از CSS باعث تمیزتر شدن کدهای برنامه نویسی تان می شود، تغییرات آتی را آسان می کند و همچنین دید شما را بیشتر به طراحی معطوف می کند تا سر و کله زدن با کدهای برنامه نویسی.

ادامه مطلب: آموزش css
 
نوشته شده توسط سيداحمدخزايي دسته: آموزش CSS
نمایش از 24 آبان 1392 بازدید: 161
پرینت

نشانگر موس

 شما با استفاده از استایل می توانید شکل نشانگر موس خود را وقتی که موس خود را روی قسمت مشخصی از صفحه قرار می دهید تغییر دهید البته این فصل زیاد کارایی ندارد به این علت که اکثر طراحان از این ویژگی در صفحات خود استفاده نمی کنند ولی ما این فصل را به طور کامل توضیح می دهیم تا اگر کسی نیاز به استفاده دارد بتواند از این ویژگی ها استفاده کند

برای استفاده از این ویژگی کافیست که از ویژگی cursor در استایل مربوطه استفاده کنید البته ویژگی cursor مقادیر متفاوتی دارد که می توانید در جدول پایین ملاحظه کنید

ادامه مطلب: نشانگر موس
 
نوشته شده توسط سيداحمدخزايي دسته: آموزش CSS
نمایش از 24 آبان 1392 بازدید: 155
پرینت

فایل css خارجی

 در این فصل قصد داریم تا نحوه درست کردن یک فایل css خارجی را برای اتصال به سند html را توضیح دهیم در حال حاضر کمتر سایتی در دنیای اینترنت پیدا می شود که از فایل css خارجی استفاده نکند مگر در شرایط خاص

برای شروع ابتدا باید یک notepad همانند html بسازید و فقط بجای پسوند html. این پسوند را قرار دهید css.  بهتر است که از نام style برای سند css خود استفاده کنید تا طبق این نام همگی آموزش را ادامه دهیم ولی شما می توانید هر اسمی را قرار دهید

ادامه مطلب: فایل css خارجی
 
نوشته شده توسط سيداحمدخزايي دسته: آموزش CSS
نمایش از 24 آبان 1392 بازدید: 171
پرینت

css  در head صفحه

روش دیگری نیز برای دادن استایل به تگ های html وجود دارد که می خواهیم آن را بررسی کنیم برای انجام این کار ما می توانیم یک استایل را در بخش head صفحه در متن html خود قرار دهیم.

برای این کار در اولین قدم به قسمت head سند خود میرویم و یک تگ <style> ایجاد می کنیم و چند خط پایین تر از آن تگ <style/> را می بندیم برای درک بهتر به مثال زیر توجه کنید

ادامه مطلب: css در head صفحه
 
نوشته شده توسط سيداحمدخزايي دسته: آموزش CSS
نمایش از 24 آبان 1392 بازدید: 193
پرینت

خاصیت position

  position

این خصوصیت آیتم مهمی برای طراحی وب سایت شما می باشد این خصوصیت بسیار کاربرد دارد این که بدانید المنت های مختلف در کجای وب سایت شما قرار بگیرند و این خاصیت دارای 4 مقدار می باشد که به شرح زیر می باشد

absolute:توسط این مقدار می توانیم مکان دقیق یک المنت را در صفحه معلوم کنیم

fixed:حالتی است که محل قرارگیری آن نسبت به مرورگر تعیین می شود به این معنی که اگر شما از اسکرول استفاده کنید و به بالا و پایین صفحه بروید هیچ فرقی در مکان این مقدار نمی بیند

relative:این مقدار حالتی برای تعیین مکان المنت با توجه به موقعیتی که می بایست در حالت معمول قرار بگیرد 

static:چنانچه برای المنتی position تعیین نکنیم از این حالت استفاده می شود درحقیقت این ویژگی مشخص می کند که عنصر مربوطه باید در مکانی که کد آن نوشته شده قرار بگیرد و زمانی که از این ویژگی استفاده می کنیم ویژگی های left,right,top,bottom معنایی ندارد 

 

ادامه مطلب: خاصیت position
 
نوشته شده توسط سيداحمدخزايي دسته: آموزش CSS
نمایش از 24 آبان 1392 بازدید: 159
پرینت

تنظیم ظاهر لینک ها

 با استفاده از css می توانیم نحوه نمایش دادن لینک ها را در صفحه تغییر دهیم و از ویژگی های مختلفی برای تغییر آن ها استفاده کنیم با استفاده از استایل هایی که در فصل های قبل یاد گرفته ایم می توانیم رنگ لینک ها , زیر خط دار کردن لینک ها , رنگ زمینه , اندازه فونت و بسیاری دیگر از خواص آن ها را تغییر دهیم شما می توانید از این مشخصه ها در id class style استفاده کنید

برای استفاده از لینک ها در  css می توانید از مشخصات توضیح داده شده در پایین استفاده کنید

ادامه مطلب: تنظیم ظاهر لینک ها
 
نوشته شده توسط سيداحمدخزايي دسته: آموزش CSS
نمایش از 24 آبان 1392 بازدید: 117
پرینت

تنظیم حاشیه و فاصله ها برای عناصر صفحه

margin به فضایی خارج از بردر می گویند که برای آن المنت تعریف می شود که باید خالی باشد با استفاده از این گزینه می توانیم برای هر کدام از اجزای صفحه حاشیه ای مشخص را تعیین کنیم

 

  margin-right

با استفاده از این گزینه می توانیم از سمت راست صفحه حاشیه ای را به کادر مورد نظرمان اختصاص دهیم در حقیقت این گزینه مقدار فاصله ی اجزاء را از سمت راست صفحه مشخص می کند

برای درک بهتر به یک مثال در رابطه با margin-right در سند html خود توجه کنید

ادامه مطلب: تنظیم حاشیه و فاصله ها برای عناصر صفحه
 
نوشته شده توسط سيداحمدخزايي دسته: آموزش CSS
نمایش از 24 آبان 1392 بازدید: 216
پرینت

تغییر رنگ و تغییر تصویر زمینه

  background-color

توسط این خصوصیت می توانیم پس زمینه صفحات وب و همینطور هر تگ و.... را مشخص کنیم. برای background می توانیم رنگ یا عکسی خاص در نظر بگیریم همینطور می توانیم یک عکس را در محورهای x و y تکرار کنیم.به طور مثال ما می توانیم با استفاده از این خصوصیت پس زمینه یک نوشته را به رنگ مورد دلخواه تغییر دهیم برای درک بهتر به مثال زیر توجه کنید

ادامه مطلب: تغییر رنگ و تغییر تصویر زمینه
 
نوشته شده توسط سيداحمدخزايي دسته: آموزش CSS
نمایش از 24 آبان 1392 بازدید: 122
پرینت

ایجاد کادر برای عناصر (border)

 برای این که بخواهید در طراحی سایت حاشیه داشته باشید باید از border استفاده کنید با استفاده از border ما می توانیم برای اجزای یک صفحه کادر ایجاد کنیم قبل از شروع به توضیحات این را به یاد بسپارید که اگر از style در تگ های html خود استفاده می کنید باید فقط در تگ های خود از کلمه ی border استفاده کنید و از نوشتن style خودداری کنید ولی اگر از لینک های خارجی css استفاده می کنید از پارامتر border-style استفاده کنید

border-style شامل مقادیر زیر می شود که هر کدام از آن ها به طور جداگانه توضیح داده شده است

ادامه مطلب: ایجاد کادر برای عناصر (border)
 
نوشته شده توسط سيداحمدخزايي دسته: آموزش CSS
نمایش از 24 آبان 1392 بازدید: 167
پرینت

استفاده از تگ کلاس

 با استفاده از کلاس می توانیم برای تگ های html استایل های متفاوتی را تعریف کنیم برای قدم اول ما می خواهیم در صفحه خود 3 نوع پاراگراف را ایجاد کنیم و هرکدام با یک رنگ متفاوت,برای این کار سند css خود را باز کنید و کدهای زیر را درون سند خود وارد کنید و سند css خود را سیو کرده

p.black {color: black;}
p.red {color:red;}
p.blue {color:blue;}

 

ادامه مطلب: استفاده از تگ کلاس
 
نوشته شده توسط سيداحمدخزايي دسته: آموزش CSS
نمایش از 24 آبان 1392 بازدید: 162
پرینت

استفاده از تگ div

 div هم یک تگ است که برای بخش بندی در css از آن استفاده می شود این را می دانیم که استفاده از css در سند html کار زیاد جالبی نیست و باید تگ های css را در سند خارجی قرار دهیم  ولی یک مشکل وجود دارد و آن اینست که تگ div یک تگ عمومی  است و روش فراخوانی آن با <p> تفاوت دارد به همین علت قبل از شروع کار با div باید با دو مفهوم id و class آشنا شوید هر دوی آن ها، شناسه هستند که می توانند برای تگ های مختلف استفاده شوند. دلیل اصلی که از id و class استفاده می کنیم این است که تگ های html محدود هستند و نمی توان از آن برای طراحی وب سایت استفاده کرد.

ادامه مطلب: استفاده از تگ div
 
نوشته شده توسط سيداحمدخزايي دسته: آموزش CSS
نمایش از 24 آبان 1392 بازدید: 172
پرینت

استفاده از استایل

 ساده ترین راه برای دادن استایل به یک صفحه استفاده از المنت style در تگ های html می باشد نوشتن در css کمی با نوشتن در html متفاوت است شما برای افزودن استایل به یک تگ باید عبارت ""=style را وارد تگ مربوطه کرده و ویژگی های مورد نیاز را بین دابل کوت قرار دهید بهتر است برای همیشه table ها را فراموش کنیم و از div استفاده کنیم برای شروع ما می خواهیم متن نوشته مان را آبی کنیم برای درک بهتر به مثال زیر توجه کنید

ادامه مطلب: استفاده از استایل
 
نوشته شده توسط سيداحمدخزايي دسته: آموزش CSS
نمایش از 24 آبان 1392 بازدید: 128
پرینت

آموزش کار با کلمات

در این قسمت به روش تنظیم فونت متن با استفاده از استایل می پردازیم. بسیاری از اعمالی را که قبلاً با تگ انجام می دادیم می توانیم با استایل انجام دهیم

یادتان باشد قبل از شروع به کار تگ مربوط به لینک های خارجی و همچنین  تگ مربوط به سند html خود را وارد کنید و بعد کار خود را شروع کنید ما نام استایل را test گذاشتیم و شما می توانید هر نام دیگری بجای آن قرار دهید فقط دقت کنید که در سند html خود نیز همین نام را نیز وارد کنید

ادامه مطلب: آموزش کار با کلمات
 
نوشته شده توسط سيداحمدخزايي دسته: آموزش CSS
نمایش از 24 آبان 1392 بازدید: 116
پرینت

span چیست

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

ادامه مطلب: span چیست
 

صفحه1 از2

<< شروع < قبلی 1 2 بعدی > پایان >>

بانک اطلاعات دارو - داروشناسی

آشنایی با انواع داروها

عوارض انواع داروها و....

 -----------

ورود

حاضرين در سايت

ما 99 مهمان و بدون عضو آنلاین داریم

برای حمایت از ما امتیاز دهید