آموزش css - طراحی وب سایت

CSS مخفف واژه Cascade Style Sheets مییباشد.از Css برای استایل دهی به صفحات وب به صورت اصولی استفاده میشود.توصیه می شود در کنار Html ( آموزش Html ) به آموزش css نیز پرداخت زیرا این دو در طراحی سایت بهینه بسیار موثر می باشند.

html,css

زبان css دارای انعطاف پذیری ویژه ای میباشد و با استفاه از این زبان میتوان پیچیده ترین قالب ها را پیاده سازی کرد.

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

زبان css در سرعت بارگزاری صفحات وب بسیار موثر است.

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

در این بخش به صورت کامل به آموزش css میپردازیم.

Css نوعی زبان برنامه نویسی می باشد که معمولا همرا با زبان Html به کار می رود.این دو زبان معمولا همراه با هم استفاده می شود.از این زبان بیشتر برای طراحی صفحات استفاده می شود.برای مثال برای تغییر فونت یا تصویر زمینه ی وب سایت از این زبان استفاده می شود.
با توجه به اینکه امروزه در هر شغلی افراد به طراحی وب سایت روی آورده اند باید طراحی سایت بصورت بهینه و طبق اصول Html و Css طراحی شود تا سایت کارایی داشته باشد.

در این جا نکاتی را در مورد سی اس اس برای شما بیان می کنیم:

√دستورات وارده حتما باید بین علامت {} قرار بگیرد و همچنین پس از نوشتن دستور با قرار دادن : مقدار آن را تعیین کنید.

√می توانید دستورات نوشته شده را پشت سرهم نوشته به شرطی که بین آنها با علامت ؛ از هم جدا شود.

√می توانید هرکدام از تگ ها را با علامت , از هم جدا کرد

طریقه نوشتن Css - خاصیت Style تگ ها

سبک درون خطی

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

مثال زیر کاربرد سبک درون خطی در Css می باشد.

HTML Code:

"backgroun : blue; color: white;">A new background and font color with inline CSS

طریقه نوشتن Css - تگ Style در Head صفحه

Css داخلی

در وب سایت هایی که تعداد صفحات کمی دارند از روش css داخلی برای طراحی سایت استفاده می کنند.همچنین این لینک داخل تگ Head قرار می گیرد.این سبک دارای مزایایی می باشد که عبارتند از :

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

مثال زیر کاربرد Css داخلی را نشان می دهد.

HTML Code:

    
    hr {color:silver;}
    p {margin-left:20px;}
    



	body

  {background-image:url("http://www.daneshju.ir/forum/images/bg.gif");}

طریقه نوشتن Css - فایل خارجی در پروژه

Css خارجی

این سبک را باید در تگ لینک داخل تگ head قابل استفاده می باشد.با استفاده از این سبک شما می توانید از چندین صفحه وب سایت خود استفاده کنید.در این سبک می توانید با تغییر یک فایل کل ظاهر وب سایت خود را عوض کنید.

مثال زیر کاربرد Css خارجی را نشان می دهد.

HTML Code:

 
    "stylesheet" type="text/css" href="mystyle.css">

در این بخش از آموزش css واحدهای شمارش مورد قبول در سی اس اس را برای شما بیان می کنیم.
واحدهای شمارش قابل استفاده در Css شامل موارد زیر می باشند:

1.درصد(%)
2.اینچ(in)
3.سانتیمتر(cm)
4.میلیمتر(mm)
5.em
6.ex
7.pt(برابر با 1/72 اینچ)
8.pc(برابر با 12 point)
9.پیکسل

92/4/1::: 3:48 ع

اولین دیدگاه را شما بگذارید

خرید باسکول