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

جلسه دوم CSS

  معرفی CSS

   جهت اشنایی ابتدایی و اموزش مقدماتی CSS لطفااینجاکلیک کنید.


  تغییر در قالب و رنگ بندی پشت زمینه توسط CSS :


مثال1 : تغییر در رنگ بندی برخی از عناصر

body {
    background-color: blue;
}

h1 {
    color: brown;
}

p {
    color: red;
    }




عمل تغییر رنگ به سه صورت امکانپذیر است :

  • استفاده از نام رنگ معتبر و شناخته شده مثال:"blue"
  • استفاده از مقادیر HEX
    این روش که با علامت "#" در ابتدای مقادیر بکار برده می شود.در این روش علاوه بر علامت "#" مقادیر مقدار دهی از شش رقم تشکیل می شود که می تواند از "0 تا f"وابسته به نیاز کاربر و میزان روشنایی رنگ قابل تغییر باشد! مثال: "#ff00fc"
  • عمل تغییر رنگ با مقادیر RGB مخفف Red , Green , Blue
    در این روش از سه مقادیر که هر کدام می تواند از (0,255)قابل تغییر باشد مثال : "rgb(0,255,0)"

مقادیر رنگ CSS می تواند به مجموعه ای که از ویژگی رنگ پشتیبانی می کنند تغییر رنگ دهد:

  مثال

h1 {
    background-color: #d0e4fe;
}

h1 {
    color: green;
   
}

p {
color: white:
    }

Background Image


ویژگی background image امکان قرار دادن عکس در پشت زمینه را با با مشخص سازی مسیر فایل(تصویر)برای ما فراهم می کند.
به طور پیش فرض وعدم مقدار دهی تصویر انخاب شده در هر دو راستای عمودی و افقی تنظیم می شود. تصویر مورد نظر که در بخش (url) قرار می گیرد باید ابتدا در سایت مورد نظر اپلود شده و بطور کامل (ادرس نسبی) در این قسمت ثبت شود.
می توانیم از ویژگی (alt) برای توضیحات بیشتر راجب تصویر ویا به عنوان متن جایگزین استفاده کرد.
مثالی از تعریف background image در قسمت body

  مثال

body {
    background-image: url("http://www.hiva-afarinesh.com/pic/1.png")
}



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

جلسه سوم css

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


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

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

09150021672

Hiva Afarinesh Copyright © 2016