طریقه نوشتن Css

این تاپیک 0 پاسخ و 1 مشارکت کننده دارد . آخرین آپدیت توسط :  زهرا مرزبان ،‏ 2 ماه و 3 هفته پیش .

این تاپیک تاکنون 93 بازدید داشته است .

نویسنده پست
سه شنبه ، 13 سپتامبر 2016     7:16 ب.ظ #


زهرا مرزبان

Subscriber
0 پست2 تاپیک

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

سبک درون خطی

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

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

<p style="background: blue; color: white;">A new background and font color with inline CSS</p>

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

Css داخلی

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

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

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

<head>
<style>
hr {color:silver;}
p {margin-left:20px;}
body {background-image:url("images/bg.gif");}
</style>
</head>

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

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

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

<head>
<link rel="stylesheet" type="text/css" rel="nofollow" href="mystyle.css">
</head>

منبع: طراحی سایت مبنا

0  تشکر
پست 1 تا 1 (از مجموع 1 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .