آموزش کار با استایل (CSS)
CSS یا همان Cascading Style Sheet روشی است برای قالب بندی و طراحی اجزای صفحه از قبیل متن، تصویر، زمینه صفحه، کادرها و تقریباً هر چیزی که در طراحی صفحه استفاده می شود بدون استفاده از کدهای HTML. از طریق این استایل شیتها می توانیم از دوباره نویسی کدهای HTML که باعث مشکل شدن کد نویسی و همچنین کند شدن سرعت بارگذاری صفحه در اینترنت می شود جلوگیری کنیم. برای مثال می توانیم یک بار نوع فونت مورد استفاده در یک صفحه را تعیین کنیم و دیگر مجبور نباشیم کد مربوط به فونت را در صفحه به کار ببریم. همچنین می توانیم از این ابزار قدرتمند در مواردی به جای جاوا اسکرپت نیز استفاده کنیم و چون مشکلات جاوا اسکرپت مثلاً غیر فعال بودن جاوا اسکرپت در مرورگر را ندارد با خیالی آسوده تر می توانیم از آن استفاده کنیم.
CSS هم مانند جاوا اسکرپت این امکان را به ما می دهد که از یک فایل استایل خارجی برای تعیین خواص بخشهای مختلف صفحه های یک سایت استفاده کنیم. در این صورت می توانیم ظاهر همه صفحه ها را با ایجاد یک تغییر کوچک در فایل استایل خارجی تغییر دهیم. مثلاً فرض کنید که رنگ متن همچنین نوع فونت متن صفحه هایمان را در یک فایل استایل تعیین کرده ایم و از آن در طراحی چندین صفحه استفاده کرده ایم، حالا اگر بخواهیم رنگ متن همه این صفحات را تغییر دهیم تنها کافی است تا رنگ متن را در همان فایل استایل تغییر دهیم و نیازی به تغییر دادن صفحات نداریم.
در این قسمت به معرفی قابلیتهای مختلف CSS خواهیم پرداخت . چون این قسمت در سایت ما به تازگی راه اندازی شده است هنوز کامل نشده و به مرور زمان سعی می کنیم آنرا کاملتر کنیم.
اگر انتقاد یا پیشنهادی برای بهتر شدن این قسمت دارید می توانید از طریق «فرم تماس با ما» ما را مطلع کنیم. ما نیز خوشحال می شویم از نظرات شما در جهت بهبود این بخش استفاده کنیم.
این کار با کدهای HTML ویژۀ مرورگرهای Mozilla (مانند فایرفاکس) ممکنه. من اونو تو وبلاگم اعمال کردم.
کدش اینه: -moz-border-radius: 3px
@ فاطمه :
از HTML باید شروع کنی. یکم که یاد گرفتی در کنارش CSS هم کار میکنی، و بعد HTML و CSS رو در کنار هم پیشرفته تر یاد میگیری.
من فايل html را در Notepad مي نويسم و براي اينكه xhtmlهم Support شود دستور زير را مي نويسم:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 EN" "http://www.w3c.org/TR/xhtml1-strict.dtd">
در notepad مجدد css را مي نويسم اما گويا اين دو فايل با اينكه هر دو در يك جا هستند و دستور لينكش را نيز داده ام هيچ گونه عملي روي دستورات <p>انجام نمي دهد
دستورم در html به فرم زير است:
<head><title>Home</title><link href="home.css" type="text/css" rel="stylesheet"/></head>
<p id="GOL">Welcome</P>
و دستورم در Css به فرم زير :
#GOL{font-family:Tahoma;color:red;}
تنها موردي كه بايد ذكر شود من برنامه frontpage ندارم آيا مي تواند بدين دليل باشد كه دو فايل يكديگر را نشناسند؟ضمنا IE7دارم.
موفق و سربلند و سلامت باشید.
عارضم به حضور شما که من یه پروژه طراحی صفحه وب دارم . میخواستم بدونم میتونین بهم کمک کنین تا یه صفحه وب با یه طراحی مناسب تحویل استادم بدم یا نه؟