close
تبلیغات در اینترنت
خرید دامنه
آشنايي سريع با CSS
loading...

یاور وبلاگ

آشنايي سريع با CSS

آخرین ارسال های انجمن

آشنايي سريع با CSS

Erfan Gholamnia بازدید : 347 جمعه 20 شهريور 1394 نظرات ()

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

 با استایل شیت چه کارهاییمیتوانید انجام دهید؟

با این عنصر شما میتوانید مدل، اندازه، رنگ و نوع آرایش متن ، رنگ زمینه و حاشیه صفحات و جدولها ، تنظیمات لیستها و همچنین عکسها را کنترل کنید.

  تعیین الگو و style

هر style باید برای یک تگ خاص تعریف شود . به محتوای داخل تگی که میخواهیم یک styleنسبت دهیم selector یا انتخاب کننده میگویند که الگوی تعریف شده در تگ آغاز کننده یک عنصر تا تگ پایان دهنده آن تاثیر خواهد داشت.

برای تعیین و تعریف یک الگو ابتدا باید selector را مشخص و بنویسیم مانند h1 سپس خصوصیات و مقادیر آنها را بین دو علامت { } بگذاریم که طرز نوشتن خصوصیت و مقدار آن بین { } به این ترتیب میباشد:

ابتدا خصوصیت را نوشته سپس علامت :   میگذاریم  و بعد مقدار مشخصه آنرا مینویسیم ،

h1 { color:green }

اگر بخواهیم چند خصوصیت را به یک selector  نسبت دهیم ، بعد از هر کدام یک    میگذاریم،

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

  روشهای تعریف الگو و style

Style ها را به سه روش میتوان تعریف کرد:

 

 

نکته: اگر برای یک selector به چند روش style تعیین شود، آن الگویی که به تگ نزدیکتر است اجرا خواهد شد، پس طبق این اصل روش سوم نسبت به بقیه مؤثرتر است. در ضمن هیچ محدودیتی  در تعیین selector ها ویا خصوصیات آنها نیست. به مثال زیر توجه کنید:

تعریف الگو از طریق class

گاهی اوقات یک style به روشهای اول یا دوم تعریف میشود، اما شما نمیخواهید که آن الگو در همه جا اعمال شود، پس میایید یک اسم واحد برای selector  انتخاب میکنید ، بدین ترتیب که بلافاصله بعد از selector یک نقطه میگذارید و اسمی را مینویسید. پس از این کار در هر تگی که نیاز به آن الگو هست خصوصیت class=” “ را مینویسیم و برابر با آن اسم قرار میدهیم،





……..

فراخوانی فایل css در تگ

ارزش واقعی style sheet زمانی به چشم میاید که یکبار آنرا تعریف کنید و در تمام صفحات از آن بهره ببرید. برای این منظور شما فقط از طریق روش اول میتوانید اینکار را انجام دهید، بدین ترتیب که style ها را در برنامه ویرایشگر متن مانند notepad مینویسید و سپس آن فایل را با پسوند .cssذخیره کرده و در دایرکتوری اصلی  وب سایتتان قرار میدهید. css مخفف C ascading Style Sheetاست.

 

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

 

پس از ذخیره فایل style sheet   میتوانید برای هر صفحه که میخواهید آنرا فراخوانی کنید، برایانجام این عمل باید تگ را در قسمت head قرار دهید و سه خصوصیت مربوط به آنرا وارد کنید. خصوصیت rel=” “ است که برابر با کلمه stylesheet قرار میدهید و سپس type=” " وبا text/cssمقداردهی میشود و در آخر با خصوصیت href=” “ فایل را آدرس دهی میکنید،

آدرس فایل “>

این تگ نیازی به پایان دهنده ندارد.

///////////////

//////

///

/

/

ارسال نظر برای این مطلب

نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتیرفرش کد امنیتی
تبلیغات
Rozblog.com رز بلاگ - متفاوت ترين سرويس سایت ساز
درباره ما
قالب های رایگان - ابزار وبمستر ها - کد های کاربردی - انجمن وبمستر ها - وردپرس - قالب وردپرس - افزونه وردپرس - نرم افزار - بازی- اخبار تکنولوژی و وبنویسی
اطلاعات کاربری
نام کاربری :
رمز عبور :
  • فراموشی رمز عبور؟
  • آمار سایت
  • کل مطالب : 461
  • کل نظرات : 94
  • افراد آنلاین : 4
  • تعداد اعضا : 748
  • آی پی امروز : 13
  • آی پی دیروز : 32
  • بازدید امروز : 113
  • باردید دیروز : 448
  • گوگل امروز : 0
  • گوگل دیروز : 6
  • بازدید هفته : 1,725
  • بازدید ماه : 10,494
  • بازدید سال : 70,237
  • بازدید کلی : 502,082
  • کدهای اختصاصی
    به دلیل اپدیت روزانه از همه مطالب در همه موضوعات در ارشیو ها دیدن فرمایید با تشکر - دی:
    برای دیدن مطالب حتما در سایت ثبت نام کنید (بیشتر مطالب حتما باید عضو باشید)
    شما می توانید درخواست های خودتان را در انجمن سایت به صورت تاپیک به ما اطلاع دهید و ما به شما کمک کنیم دی :
    اگر شما درخواست در مورد تبلیغات در سایت و هر چه چیز دیگر با این ایدی تلگرام در ارتباط باشند erfanf50