مبانی CSS

مبانی CSS

در این سری مقالات، من توضیح می دهم که چگونه از HTML5 برای نمایش محتوا در صفحه وب خود استفاده کنید.

با این حال، وقتی فقط از HTML5 استفاده می کنید، همه چیز بسیار خسته کننده به نظر می رسد! این فصل به شما نشان می‌دهد که چگونه می‌توانید سبک را در صفحات وب خود بگنجانید تا به همه چیز زنده شود (حتی اگر هنرمند نیستید).

ابتدا، نحوه استفاده از شیوه نامه های CSS برای استایل دادن به عناصر موجود در صفحه وب را توضیح می دهم.

سپس به شما نشان می‌دهم که چگونه با سبک‌ها کار کنید تا رنگ و فونت متن را تغییر دهید، فهرست‌های جذاب‌تری ایجاد کنید، و جداول خود را در صفحات وب خود اصلاح کنید. سرانجام، من نحوه کار با ویژگی های موقعیت یابی CSS را برای مرتب کردن محتوای خود توضیح می دهم یک روش جذاب در صفحه .

درک سبک ها

وقتی یک عنصر HTML5 را در صفحه وب خود مشخص می کنید، مرورگر وب تصمیم می گیرد که آن عنصر چگونه به نظر برسد. مرورگرها از یک استایل پیش فرض برای تعیین آن استفاده می کنند تفاوت بین متن در عنصر h1 و متن در عنصر بلوک نقل قول.

خوشبختانه استاندارد دیگری برای کار با HTML5 در دسترس است که به شما کمک می کند صفحات وب خود را منحصر به فرد کنید .

استاندارد CSS راه هایی را برای تعریف رنگ، اندازه و نوع فونت متن مشخص می کند در صفحات وب ظاهر می شود.

همچنین برخی از سبک‌ها را برای افزودن رنگ‌های پس‌زمینه و تصاویر و سبک‌دهی به انواع دیگر عناصر در صفحه وب ارائه می‌کند. استاندارد CSS در طول سالها پیشرفت کرده است.

در زمان نوشتن این مقاله، این است در حال حاضر در نسخه 3 – شما اغلب می بینید که به آن CSS3 گفته می شود، و این چیزی است که من در این کتاب آن را می نامم.

اکنون شما آماده هستید تا به نحوه استفاده از CSS3 در وب خود بپردازید برنامه های کاربردی.

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

تعریف قوانین CSS3

CSS3 از قوانینی برای تعریف اینکه مرورگر چگونه محتوا را در صفحه وب نمایش دهد استفاده می کند. هر قانون از دو بخش تشکیل شده است: یک انتخابگر که تعیین می کند چه عناصری قانون را تعیین می کنداعمال می شود و یک یا چند اعلان که سبک مورد نظر را تعریف می کند.

فرمت قانون CSS3 به شکل زیر است:

selector {declaration; declaration; …}

در تعریف قانون، پنج راه برای تعریف انتخابگر وجود دارد:

»»نوع عنصر: این قانون برای تمام عناصر از نوع مشخص شده اعمال می شود.

»» ویژگی id: این قانون برای عنصر خاصی با مقدار id مشخص شده اعمال می شود.

»» خصیصه کلاس: این قانون برای همه عناصر با مشخصه اعمال می شود ارزش کلاس

»» شبه عنصر: این قاعده برای بخش خاصی از یک عنصر اعمال می شود.

»»شبه کلاس: این قاعده برای عناصر در یک حالت خاص اعمال می شود.

هر اعلان یک ویژگی سبک CSS3 و مقدار مربوط به آن را تعریف می کند. هر ملک

یک سبک خاص (مانند یک رنگ یا یک فونت) را برای عنصری که قانون اعمال می کند تنظیم می کند به. شما باید هر اعلان را با یک نقطه ویرگول به پایان برسانید، و می توانید هر تعداد را فهرست کنید اعلامیه های مورد نیاز در قانون.

در اینجا فرمت دارایی و ارزش آن همانطور که آنها را در اعلامیه فهرست می کنید آمده است:

property: value

در قسمت های بعدی، پنج روش برای تعریف انتخابگر را با جزئیات بیشتری توضیح می دهم.