#Css
✅ معرفی Css
💢 اگر به حوزه‌ی طراحی سایت وارد شده باشید، حتماً بارها نام CSS را شنیده‌اید و برایتان این سوال پیش آمده که CSS چیست؟
CSS مخفف عبارت Cascading Style Sheets است که اگر این عبارت را ترجمه کنیم به عبارت “برگه‌هایی به سبک آبشاری ”می‌رسیم! این ترجمه مقداری عجیب است اما در ادامه خواهیم گفت که آبشاری بودن به چه معناست!
CSS چیست؟
CSS تعیین می‌کند هر کدام از عناصر HTML چگونه نمایش داده شوند. در واقع به کمک آن می‌توان برای هر عنصر از صفحه، سبک نمایشی خاصی ایجاد کرد. با این ابزار به اجزای صفحه‌ی وب، رنگ و لعاب می‌دهیم تا صفحات زیباتری داشته باشیم!
برای درک بهتر این مفهوم، ابتدا باید با زبان HTML آشنا شوید به همین منظور پیشنهاد می‌کنم ابتدا مقاله‌ی HTML چیست را مطالعه کنید.
برای روشن شدن کاربرد این زبان به سراغ یک مثال می‌رویم. تصویر زیر نمونه‌ای از یک کد css است.
با کمک آن برای تگ h1 (عنوان اصلی صفحه) رنگ متن آبی و برای تگ p (پاراگراف) رنگ پس‌زمینه نارنجی تنظیم کردیم. به کمک عبارت text-align نیز آن را وسط چین کردیم که خروجی آن را در سمت راست تصویر می‌بینید.
💢 @Html_Css100
✅ معرفی Css
💢 اگر به حوزه‌ی طراحی سایت وارد شده باشید، حتماً بارها نام CSS را شنیده‌اید و برایتان این سوال پیش آمده که CSS چیست؟
CSS مخفف عبارت Cascading Style Sheets است که اگر این عبارت را ترجمه کنیم به عبارت “برگه‌هایی به سبک آبشاری ”می‌رسیم! این ترجمه مقداری عجیب است اما در ادامه خواهیم گفت که آبشاری بودن به چه معناست!
CSS چیست؟
CSS تعیین می‌کند هر کدام از عناصر HTML چگونه نمایش داده شوند. در واقع به کمک آن می‌توان برای هر عنصر از صفحه، سبک نمایشی خاصی ایجاد کرد. با این ابزار به اجزای صفحه‌ی وب، رنگ و لعاب می‌دهیم تا صفحات زیباتری داشته باشیم!
برای درک بهتر این مفهوم، ابتدا باید با زبان HTML آشنا شوید به همین منظور پیشنهاد می‌کنم ابتدا مقاله‌ی HTML چیست را مطالعه کنید.
برای روشن شدن کاربرد این زبان به سراغ یک مثال می‌رویم. تصویر زیر نمونه‌ای از یک کد css است.
با کمک آن برای تگ h1 (عنوان اصلی صفحه) رنگ متن آبی و برای تگ p (پاراگراف) رنگ پس‌زمینه نارنجی تنظیم کردیم. به کمک عبارت text-align نیز آن را وسط چین کردیم که خروجی آن را در سمت راست تصویر می‌بینید.
💢 @Html_Css100
👍1
#Css
✅ ساختار Css
💢 همانطور که در تصویر زیر می‌بینید، ساختار یک خط از کد CSS شامل یک انتخاب‌گر (selector) است که به یک یا چند تگ از html اشاره می‌کند. در مقابل انتخاب‌گر یک بلاک قرار می گیرد که سبک خاصی را به عنصر انتخاب شده اعمال می‌کند.
💢 @Html_Css100
✅ ساختار Css
💢 همانطور که در تصویر زیر می‌بینید، ساختار یک خط از کد CSS شامل یک انتخاب‌گر (selector) است که به یک یا چند تگ از html اشاره می‌کند. در مقابل انتخاب‌گر یک بلاک قرار می گیرد که سبک خاصی را به عنصر انتخاب شده اعمال می‌کند.
💢 @Html_Css100