🎉 سال نو، مهارت نو، مشاوره رایگان نقشه راه برنامه نویسی (آفر ویژه ثبت نام قبل از افزایش قیمت 🔥)
۰ ثانیه
۰ دقیقه
۰ ساعت
۳ emad ta
فصل css3 خلاصه مطالب جلسه معرفی مقدمات آشنایی با css
جامعه Html & CSS ایجاد شده در ۰۳ خرداد ۱۳۹۹

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

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

 

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 (اتصال خارجی)

                      

 

 

 

 

با سلام 

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

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

علی طباطبایی ۰۸ آبان ۱۳۹۹، ۰۸:۲۰

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

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

علی طباطبایی ۰۳ آذر ۱۳۹۹، ۱۴:۱۰

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

محمد مهدی ۰۱ اردیبهشت ۱۴۰۰، ۰۸:۵۹