طراحی سایت و سئو در مشهد| طراحی سایت و سئو | آموزش سئو | سئو در مشهد |طراحی اپلیکیشن | طراحی اپلیکیشن موبایل | طراحی سایت | تجارت الکترونیک | بازاریابی شبکه ای | شبکه های اجتماعی | آموزش بوت استرپ |آموزش html| آموزش css|آموزش jquery| آموزش php |اندوروید | طراحی گیم | طراحی سایت |

جلسه اول CSS

  معرفی CSS

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



  مثال ساده ای از CSS:

body {
    background-color: #d0e4fe;
}

h1 {
    color: orange;
    text-align: center;
}

p {
    font-family: "Times New Roman";
    font-size: 20px;
   text-align: center;
}




این فایل CSS به صفحه ی HTML از آموزش HTML متصل شده است.


  روش های خواندن CSS

   به سه روش می توان CSS را به فایل html خود اضافه کرد.
   ♦ درون خطی(Inline Styles)
   ♦ داخلی(Internal Style Sheet)
   ♦ خارجی(External Style Sheet)

روش استفاده از CSS درون خطی

با استفاده از ویژگی style در تگ مورد نظر از این روش می توانید برای نوشتن CSS استفاده کنید.


  مثال

<h1 style="color:blue;margin-left:30px;">شرکت برنامه نویسی هیوا آفرینش</h1>

روش استفاده از CSS داخلی

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


  مثال

<head>
<style>
body
{
    background-color: linen;
}

h1 {
    color: maroon;
    margin-left: 40px;
}
</style>
</head>


روش استفاده از CSS خارجی

بهترین روش استفاده از css همین روش می باشد. مخصوصا زمانیکه تعداد صفحات زیاد باشد،یا هر تگ دارای افکت های زیادی باشد تمام تغییرات مورد نظر خود را در این صفحه که با پسوند css ذخیره می شود اعمال کنید. که این فایل را به طریق زیر درون فایل خود آدرس دهی می کنیم.


  مثال

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

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

جلسه دوم css

نام
تلفن
ایمیل


مطالب پیشنهادی

مشهد، احمد آباد، ابتدای ملاصدرا،ساختمان صدرا

09150021672

Hiva Afarinesh Copyright © 2016