فصل css3 خلاصه مطالب جلسه معرفی مقدمات آشنایی با css

پرسیده شده
فعالیت 1111 روز پیش
دیده شده 1211 بار
11

سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه تری رو دارین که بنده جا انداختم

لطفا اضافه کنید

 

css  : این زبان میاد و رنگ و لوآب  وب سایت مارو  ایجاد میکند  همپنین  چینش المان های مارو میاد وکنترلشون میکند و به ما برای تولید یک رابط کاربری خوب و کاربر پسند کمک میکند و یک زبان برای استایل دهی و مرتب کردن ساختار تگ های html امون هستش 

نکته : css همانند زبان html یک زبان برنامه نویسی نیست در حقیقت  css  مخفف کلمه ی  Cascading Style Sheet  شیوه نامه های اجباری هست 

نکته : ما به زبانی زبان برنامه نویسی میگوییم که بشه در اون یک پردازش یا یک logic رو بشه و پیاده سازیش کرد و در اون متغیرها توابع و آرایه وجود داشته باشد

css Selector : 

selector { Declaration ( Property : Value ); }
 
   h1    { color : blue; } 

روش های استفاه از Css

1-  ما میتوانیم در داخل اون تگ  html مورد نظرمون بیایم  و با استفاده از  صفت style  و در داخل این صفت بین دوتا " "  استایل هامون رو قرار بدهیم 

<h1 style=" color : blue; font-size:12px; "> this is heading </h1>

2- internal : ما میتوانیم در داخل بخش head که عموما در اینجا است یا در داخل body با استفاده از  تگ  style بیایم و با استفاده از selector  بیایم و استایل هامون رو بدهیم 


<style>
  h1 { color : blue; } 
</style>

3- external : بیایم و استایل هامون رو در داخل یک فایل جداگونه بنویسیم و بعد به تگ های html امون اضافه کنیم 

<link rel="styleSheet" type="text/css" href="style.css" >

 

اولویت بند ها : اگر ما یکسری استایل مشابه رو به سه شیوه بالا استایل دهی کنیم اولیت بندی ها به شکل زیر خواهد بود

اولویت اول: Inline (درون خطی)

اولیوت دوم: Internal (اتصال داخلی)

اولیوت سوم: External (اتصال خارجی)

                      

 

 

 

 

فایل پیوست

emad ta
emad ta

3 خرداد 99

0
حذف شده

با سلام 

ممنون از خلاصه مطلب شما

دو روش Internal و External از اولویت یکسانی برخوردار هستند و هر  کدام که در انتها نوشته شوند به سند ما اعمال می شوند.

فایل پیوست

علی طباطبایی

توسط

علی طباطبایی

8 آبان 99

حذف شده
میشه یه مثال بزنید که استایل Internal روی External تونسته overwrite بشه؟
علیرضا بابایی

26 آبان 99

1
حذف شده

سلام آقای بابایی

این  فایل یک مثال ساده است که می تواند به سوال شما پاسخ بدهد. 

فایل پیوست

علی طباطبایی

توسط

علی طباطبایی

3 آذر 99

0
حذف شده

نکته اضافی : در صورت داشتن تعدادی Declaration ؛ میتونید سمی کالون Declaration  آخری رو نذارین .

فایل پیوست

محمد مهدی سلیمانی

توسط

محمد مهدی سلیمانی

1 اردیبهشت 00